How do you change the colour of each category within a highcharts column chart?

James Hollingworth picture James Hollingworth · Sep 14, 2011 · Viewed 115.3k times · Source

I have have a column chart which has a number of categories, each with a single data point (e.g. like this one). Is it possible to change the colour of the bar for each category? i.e. so each bar would have its own unique colour rather than all being blue?

Answer

eolsson picture eolsson · Sep 14, 2011

You can also set the color individually for each point/bar if you change the data array to be configuration objects instead of numbers.

data: [
      {y: 34.4, color: 'red'},     // this point is red
      21.8,                        // default blue
      {y: 20.1, color: '#aaff99'}, // this will be greenish
      20]                          // default blue

Example on jsfiddle

enter image description here