New to Kendo UI for Angular? Start a free 30-day trial

Displaying Time on the Value Axis of a Categorical Chart


ProductProgress® Kendo UI® for Angular Chart


How can I display date and time values by representing them as numeric values in a categorical Chart?


The Kendo UI for Angular Scatter Charts natively support the display of dates on the xAxis and yAxis.

In the context of categorical Kendo UI for Angular Charts, the valueAxis specifically accommodates the presentation of numerical data. However, an option exists to represent date and time information by mapping the dates to their corresponding numeric equivalents.

The following example uses getTime to convert the dates to their numeric equivalents and the ValueAxisLabels content function to display the dates in the desired format.

View Source
Change Theme:

In this article

Not finding the help you need?