Example of DateTime Axis in React Chart Component


This sample demonstrates the rendering of date time axis in the chart with weather statistics analysis of Alaska for a year.

More Details...


DateTime data is used in this sample and data values are represented using dataLabel. Date time axis uses date time scale and displays the date time values as axis labels. To render dateTime axis, set valueType in axis to DateTime. Format for the axis label will be calculated based on intervalType of axis or we can set the format through labelFormat property in axis.

Injecting Module

Chart component features are segregated into individual feature-wise modules. To use DateTime axis, we need to inject DateTime module into services.

More information on the DateTime axis can be found in this   documentation section.