Class IgxTimeAxisLabelFormatComponent

Hierarchy

Hierarchy

  • IgxTimeAxisLabelFormatComponent

Implements

  • OnInit

Constructors

Properties

ngAcceptInputType_range: string | number
ɵcmp: unknown
ɵfac: unknown

Accessors

  • get format(): string
  • The DateTime format string to apply. Some common DateTime format strings are: yyyy, MM/dd/yy, and hh:mm:ss.

    The Format property provide the DateTime format string to apply.

    let labelFormat = new TimeAxisLabelFormat();
    labelFormat.format = "hh:mm:ss";
    labelFormat.range = 1000;
    this.xAxis.labelFormats.add(labelFormat);
    labelFormat = new TimeAxisLabelFormat();
    labelFormat.format = "hh:mm";
    labelFormat.range = 60 * 1000;
    this.xAxis.labelFormats.add(labelFormat);
    labelFormat = new TimeAxisLabelFormat();
    labelFormat.format = "MMM-dd-yy";
    labelFormat.range = 24 * 60 * 60 * 1000;
    this.xAxis.labelFormats.add(labelFormat);
    <igx-data-chart
    [dataSource]="data">
    <igx-time-x-axis
    [labelFormats]="labelFormats"
    dateTimeMemberPath="time"
    #xAxis>
    </igx-time-x-axis>
    </igx-data-chart>

    Returns string

  • set format(v: string): void
  • Parameters

    • v: string

    Returns void

  • get i(): TimeAxisLabelFormat
  • Returns TimeAxisLabelFormat

  • get range(): number
  • The visible axis range at which to apply this label format.

    The Range property provide the visible axis range at which to apply this label format.

    let labelFormat = new TimeAxisLabelFormat();
    labelFormat.format = "hh:mm:ss";
    labelFormat.range = 1000;
    this.xAxis.labelFormats.add(labelFormat);
    labelFormat = new TimeAxisLabelFormat();
    labelFormat.format = "hh:mm";
    labelFormat.range = 60 * 1000;
    this.xAxis.labelFormats.add(labelFormat);
    labelFormat = new TimeAxisLabelFormat();
    labelFormat.format = "MMM-dd-yy";
    labelFormat.range = 24 * 60 * 60 * 1000;
    this.xAxis.labelFormats.add(labelFormat);
    <igx-data-chart
    [dataSource]="data">
    <igx-time-x-axis
    [labelFormats]="labelFormats"
    dateTimeMemberPath="time"
    #xAxis>
    </igx-time-x-axis>
    </igx-data-chart>

    Returns number

  • set range(v: number): void
  • Parameters

    • v: number

    Returns void

  • get repeatedDayFormat(): string
  • The DateTime format string to apply, if the day is repeated from the prior date. Some common DateTime format strings are: yyyy, MM/dd/yy, and hh:mm:ss.

    Returns string

  • set repeatedDayFormat(v: string): void
  • Parameters

    • v: string

    Returns void

  • get repeatedMonthFormat(): string
  • The DateTime format string to apply, if the month is repeated from the prior date. Some common DateTime format strings are: yyyy, MM/dd/yy, and hh:mm:ss.

    Returns string

  • set repeatedMonthFormat(v: string): void
  • Parameters

    • v: string

    Returns void

  • get repeatedYearFormat(): string
  • The DateTime format string to apply, if the year is repeated from the prior date. Some common DateTime format strings are: yyyy, MM/dd/yy, and hh:mm:ss.

    Returns string

  • set repeatedYearFormat(v: string): void
  • Parameters

    • v: string

    Returns void

Methods

  • Parameters

    • name: string

    Returns any

  • Returns void