Highcharts area fillOpacity do not work when changing the color

mirelon picture mirelon · Jun 10, 2013 · Viewed 16.3k times · Source

I want an area chart with opacity 0.1. If I do not specify the color, everything works fine:

plotOptions: {
    series: {
        fillOpacity: 0.1
    }
}
series: [{
   name: '1',
   data: [1,2,3],
   type: 'area'
}

But when I change the color, the opacity is ignored:

plotOptions: {
    series: {
        fillOpacity: 0.1
    }
}
series: [{
   name: '2',
   data: [0,1,2],
   type: 'area'
   color: 'red'
}

See http://jsfiddle.net/4HkXf/

Answer

Sebastian Bochan picture Sebastian Bochan · Jun 10, 2013

Please use color as hex i.e "#ff0000" instead of 'red'.

http://jsfiddle.net/4HkXf/3/