Changing the Default Step of the Value Axis Labels

Environment

Product

Progress® 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:

html

    <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.

Change Theme

Theme

Loading ...