colors for single series in highcharts

Question

I am trying to achieve something like shown in the picture.

• my code is below, in that for "90", and "130", and "110" i want to give separate colors,is there any way (fixed)

The Visual of the expected output

series: [{
    name: 'Historic <br/> $850,000' ,
    title: 'Historic',
    data: [90, 130,110],
    pointWidth: 60,
    color: '#0066FF'
}]

thanks in advance!

Answer 1

You can initialize each point as an object instead of just a value, and then supply a color attribute. For example (JSFiddle):

series: [{
    data: [{ y: 7.0, color: 'orange' }, { y: 6.9, color: 'green' }, { y: 9.5, color: 'blue' }]
}]

Or you can set the series to colorByPoint and use the colors array, for example (JSFiddle):

colors: ['orange', 'green', 'blue'],
series: [{
    colorByPoint: true,
    data: [7.0, 6.9, 9.5]
}]