JQuery Kendo Chart - Loop Series Data

[Sharizan]

Hi,

May i know how can i loop the series data in JQuery Kendo Chart? I need to loop because i need to check if the series point exceed some limit and i need to change the behavior of the point by changing it label or color. i know there is a parameter called render and we can check the value there.

[Angel Petrov]

Hi,

Changing the color or label on reder is not possible as this event is fired too late. What you can do for chaning the color is to attach a function as shown below.

 JavaScript:

$("#chart").kendoChart({
  series: [{
    data: [1, 2],
    color: function(point) {
      if (point.value > 1) {
        return "red";
      }

      // use the default series theme color
    }
  }]
});

By following the above approach you should be able to change the color according to the value.

As for changing the label you can use a template and use conditional logic inside it to do so.

Regards,
Angel Petrov
Progress Telerik

[Sharizan]

Hi Angel,

Thank you for the help.