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);
Copy

  <IgrDataChart
    dataSource={this.state.dataSource}
    width="700px"
    height="500px">
    <IgrTimeXAxis name="xAxis" label="Date"
            dateTimeMemberPath="Date" />
 </IgrDataChart>
Copy

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);
Copy

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.

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.

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.