customized formatter for kendo-chart-value-axis-item using kendo UI angular without kendo drawing visual

[Amit]

Tried to use format property of labels but there can't customize it Also tried using visual but it gives error with kendo drawing library 
So I want simple way to format 1000 to 1K etc example of formatter for kendo-chart-value-axis-item using kendo UI angular without kendo drawing visual property 

[Zornitsa]

Hi Amit,

To customize the labels displayed on the value axis of the Chart without using custom visuals, the developer can implement a content function callback for the ValueAxisLabelsComponent:

• https://www.telerik.com/kendo-angular-ui/components/charts/elements/labels#using-content-function-callbacks

To be more comprehensive, the content function represents the text of each label on the respective axis/series and it can be configured to return the values in the desired appearance. In your case, each value can be divided by 1000 (since "K" means a thousand) and the "K" suffix can be appended at the end of the values:

<kendo-chart>
    <kendo-chart-value-axis>
        <kendo-chart-value-axis-item>
          <kendo-chart-value-axis-item-labels [content]="labelContent">
          </kendo-chart-value-axis-item-labels>
        </kendo-chart-value-axis-item>
    </kendo-chart-value-axis>
     ...
</kendo-chart>

private suffix = " K";

public labelContent = (e: AxisLabelContentArgs): string => {
    return `${e.value/1000} ${this.suffix}`;
};

For a demonstration of the results from the above approach, please refer to the following StackBlitz example:

• https://stackblitz.com/edit/angular-ccd2pp 

I hope this is what you are looking for. Let me know if any additional questions arise on the matter.

Regards,
Zornitsa
Progress Telerik