Change stroke color of bar depending on bar size

Hi,

I am trying to change the color of a bar (among many in the graph) if it’s bigger than 40. See picture below:

I’ve been trying to change it inside the chart.on(‘draw’)

chart.on('draw', function(data) {
  if(data.type === 'bar') {
       data.element.attr({
        style: 'stroke: red'
       });
  }
)};

but I’m not sure how to or if it’s possible.

Any help is appreciated.

[gionkunz]

Yes, sorry. Value on line and bar charts are so called multi value objects (contains the value for X and Y axis depending on which axis configuration you’re using).

In your setup you’ll need to do this:

chart.on('draw', function(data) {
  if(data.type === 'bar' && data.value.y > 40) {
       data.element.attr({
        style: 'stroke: red'
       });
  }
)};

[kannan09]

Hi,

I am trying to set each bar color different bar