IgxTimeAxisLabelFormatComponent

new IgxTimeAxisLabelFormatComponent(): IgxTimeAxisLabelFormatComponent

Returns IgxTimeAxisLabelFormatComponent

ngAcceptInputType_range: string | number
ɵcmp: ɵɵComponentDeclaration<IgxTimeAxisLabelFormatComponent, "igx-time-axis-label-format", never, object, object, never, never, true, never>
ɵfac: ɵɵFactoryDeclaration<IgxTimeAxisLabelFormatComponent, never>

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>
get format(): string

Returns string

set format(v: string): void

Parameters

  • v: string

Returns void

get i(): TimeAxisLabelFormat

Returns TimeAxisLabelFormat

Gets or sets a label formatting override callback, allowing the user to take full control of label generation for the TimeXAxis.

get labelFormatOverride(): EventEmitter<object>

Returns EventEmitter<object>

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>
get range(): number

Returns number

set range(v: number): void

Parameters

  • v: number

Returns void

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.

get repeatedDayFormat(): string

Returns string

set repeatedDayFormat(v: string): void

Parameters

  • v: string

Returns void

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.

get repeatedMonthFormat(): string

Returns string

set repeatedMonthFormat(v: string): void

Parameters

  • v: string

Returns void

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.

get repeatedYearFormat(): string

Returns string

set repeatedYearFormat(v: string): void

Parameters

  • v: string

Returns void

findByName(name: string): any

Parameters

  • name: string

Returns any

ngOnInit(): void

Returns void

_createFromInternal(internal: any): IgxTimeAxisLabelFormatComponent

Parameters

  • internal: any

Returns IgxTimeAxisLabelFormatComponent