How to put labels on axis in line chart

[Tony]

Hi there,

I am currently mocking up a demo of a chart. I have attached an image.

I need to replace the numbers on the right axis with labels.

For example,
0 will be Nil
5 will be Bronze
10 will be Silver
15 will be Gold
20 will be Platinum
25 will be Diamond

How can I show labels for that right axis instead of the numbers?

Regards,
Tony

[Iliana Dyankova]

Hello Tony,

From the provided picture it appears you are using Kendo UI ScatterLine Chart. I am afraid setting text labels instead of numbers on the axes is not supported for XY Charts (such as Scatter, ScatterLine etc.), however you could workaround it using a template for the axes. A possible implementation is demonstrated in this forum thread.  

Regards,
Iliana Nikolova
Telerik

[Tony]

Hi Illiana,

I believe this will work. Am I correct in my belief that this cannot be done using the MVC wrappers at this time, and I will have to use javascript directly? 

Regards,
Tony

[Iliana Dyankova]

Hi Tony,

You could use Kendo UI Chart for ASP.NET MVC, however in the labels.template you should execute custom JavaScript logic in order to achieve the expected result.

Regards,
Iliana Nikolova
Telerik

[Tony]

I'm not sure what you mean by executing custom JavaScript logic. Do you have an example?

[Iliana Dyankova]

Hi Tony,

As pointed in the documentation, in the labels.template you could call a function. The idea of the suggested workaround is to create a function which sets text instead of numeric values to the axes labels.

Regards,
Iliana Nikolova
Telerik