Change Bar/Column Color For Each Point

[Nick]

Is there any possible way to change the color of an individual bar/column in a series based on some condition?

[T. Tsonev]

Hello,

No, this is not currently possible. We've received such request before and we'll consider providing it in future versions.

Please accept our apologies for the caused inconvenience.

All the best,
Tsvetomir Tsonev
the Telerik team

[Ken]

I was able to do this by creating a series for each data point.  It isn't very clean and feels like a hack but it worked for now.

[Alex]

Please refer to this question. I believe this would be a wonderful feature for your team to focus on.

http://stackoverflow.com/questions/10143726/how-do-you-make-a-bar-a-different-color-in-kendoui-bar-chart/10177638#10177638 

[David]

Do you have any updates on it?

[T. Tsonev]

Hi,

Currently, there are a number of options to do this. You can bind the color to a model field or you can evaluate the color at runtime.

The later option is very flexible and can be customized to respond to many conditions. For example:
<div id="chart"></div>
<script>
$("#chart").kendoChart({
  series: [{
    data: [1, 2],
    color: function(point) {
      if (point.value > 1) {
        return "red";
      }

      // use the default series theme color
    }
  }]
});
</script>

I hope this helps,

Regards,
T. Tsonev
Telerik