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

Environment

ProductProgress® Kendo UI® for Angular Charts

Description

How can I render only whole numbers as the labels of the value axis? I don't want decimal numbers to be shown.

Solution

To set the rendering step of the label, use the step input property:

    <kendo-chart-value-axis>
        <kendo-chart-value-axis-item [labels]="{step: 2}">
        </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>

The following example demonstrates how to use step to avoid the rendering of the decimal labels.

Example
View Source
Change Theme:

In this article

Not finding the help you need?