Change Color of Individual Bars in Bar Chart

Webix JS
1

Is it possible to change the color of a specific bar in a bar chart? In my use case I would like to color a bar based on its value. So for example, if a given bar has a value less than 10 I might color it green, and color it red if it is greater than or equal to 10. The data is also regularly being updated, so when I go to update the data for the bar chart each of its bars’ colors would then need to change based on that data.

Any help would be appreciated, thanks!

2

Hello @aklein ,
As a solution, you need to define the color template function:

webix.ui({
    view:"chart",
    type:"bar",
    value:"#sales#",
    color:function(obj){
      return (obj.sales<10)?"green":"red";
  }
})

Please check the next example:
https://snippet.webix.com/qiwt3oir

3

Thanks! Sorry I didn’t come across this documentation, it’s exactly what I need.