Constructors
Section titled "Constructors"IgxTimeAxisLabelFormatComponent
new IgxTimeAxisLabelFormatComponent(): IgxTimeAxisLabelFormatComponent Returns IgxTimeAxisLabelFormatComponent
Properties
Section titled "Properties"ngAcceptInputType_range
Section titled "ngAcceptInputType_range"ngAcceptInputType_range: string | number ɵcmp: ɵɵComponentDeclaration<IgxTimeAxisLabelFormatComponent, "igx-time-axis-label-format", never, object, object, never, never, true, never> ɵfac: ɵɵFactoryDeclaration<IgxTimeAxisLabelFormatComponent, never> Accessors
Section titled "Accessors"format
Section titled "format"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
labelFormatOverride
Section titled "labelFormatOverride"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>
range
Section titled "range"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
repeatedDayFormat
Section titled "repeatedDayFormat"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
repeatedMonthFormat
Section titled "repeatedMonthFormat"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
repeatedYearFormat
Section titled "repeatedYearFormat"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
Methods
Section titled "Methods"findByName
Section titled "findByName"findByName(name: string): any Parameters
- name:
string
Returns any
ngOnInit
Section titled "ngOnInit"ngOnInit(): void Returns void
_createFromInternal
Section titled "_createFromInternal"_createFromInternal(internal: any): IgxTimeAxisLabelFormatComponent Parameters
- internal:
any