MVVM Chart Label Template...

[Robin]

I am trying to build a chart using kendo mvvm but can't seem to figure out how to template the labels on the chart (category axis, value axis, and series labels).

This is ideally what I would like the chart to look like
http://jsbin.com/uvarit/4/edit

And can get the chart to render
http://jsbin.com/obojiz/2/edit

I just can't figure out how to add the label templates in. Needing to delimit a string within a string within a string, some sort of Stringception or something.

Thanks.

[Iliana Dyankova]

Hello Robin,

In order to achieve this you should define the template in the labels object, however you should escape the quotes:

<div id="chartTotals"
  //....
   data-category-axis="{field: 'Date', labels: { visible: true, rotation: '45', template: '#=kendo.toString(value, \'MM/dd/yyyy\')#' }}"
  //....
>

For your convenience I updated the jsBin example. 

Regards,
Iliana Nikolova
Telerik

[Robin]

Thank you for the reply, this works great.