How to change the text displayed in axis labels

Description

This article describes how to customize the axis labels using axisLabelRender event.

Solution

The text displayed in axis labels can be customized by using the axesLabelRender event. Refer Chart Events for more information about the events available in Chart. Refer AxesLabelRender event for more information about the options available in the axesLabelRender event.

The Event handler argument containing properties like cancel, name, axis, text, value and labelStyle to customize the rendered axis label. Use text property in the argument to change the rendered axis label.

Code Snippet 

The following code example adds “$” as prefix and “K” as suffix to the labels in the Vertical axis.

Screenshot:

Stackblitz Sample: https://stackblitz.com/edit/3dyeba-sszxwv?file=index.ts