Formatting value axis labels

[esp]

Is it possible to override the value axis label content?

<kendo-chart-value-axis-item-labels format="n" [visual]="drawLabel"></kendo-chart-value-axis-item-labels>

Format I believe uses the Intl service which in turn uses the LOCALE_ID - I'm changing culture dynamically so I cannot use this.

Visual takes a function which might have worked except you have no reference to the component so I can't use any injected services to format the text.

The tooltip has a template option so something like this works for me there, using a custom pipe:

<kendo-chart-tooltip>
  <ng-template kendoChartSeriesTooltipTemplate let-value="value">
    {{ value | intlNumber }}
  </ng-template>
</kendo-chart-tooltip>

Is there anything I'm missing that could achieve this for value axis labels?

[T. Tsonev]

Hello,

The labels of the axis can be customized through the content function. The documentation is a bit sparse, but example usage looks like:

<kendo-chart-value-axis-item-labels [content]="labelContent"></kendo-chart-value-axis-item-labels>
...
public labelContent = (e: any) => {
  return this.formatValue(e.value);
};

Notice the lambda function used to capture this. The same technique is applicable to the visual callback as well.

Regards,
T. Tsonev
Progress Telerik

[esp]

[quote]public labelContent = (e: any) => {
  return this.formatValue(e.value);
};

Notice the lambda function used to capture this.[/quote]

Didn't know this was possible -- cheers.