Displaying Time on the Value Axis of a Categorical Chart

Environment

Description

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

Solution

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.

Suggested Links

• Series Types
• Chart Axes
• Bubble Charts
• Polar Charts
• Scatter Line and Scatter Plot