Область Highcharts fillOpacity не работает при изменении цвета

Мне нужна диаграмма области с непрозрачностью 0.1. Если я не укажу цвет, все будет хорошо работать:

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

Но когда я меняю цвет, непрозрачность игнорируется:

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

См. http://jsfiddle.net/4HkXf/

Ответы

Ответ 1

Пожалуйста, используйте цвет как hex i.e "#ff0000" вместо 'red'.

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

Ответ 2

Я разрешил его, удалив fillOpacity и вместо этого указав непрозрачность как часть цвета с помощью rbga:

series: [{
    name: 'Buy / Sell ',
    data: data.shares_change,
    type: 'column',
    color: 'rgba(0,128,0,0.4)', // #080
    negativeColor: 'rgba(128,0,0,0.4)', // #800
    pointWidth: 8
}]

Ответ 3

fillOpacity: 0.1,
color: "rgb(0,0,0)"

похоже, работает во всех браузерах

fillOpacity: 0.1,
color: "#000"

не работает во всех браузерах

color: "rgba(0,0,0,0.1)"

не работает во всех браузерах

Ответ 4

Я не могу точно сказать, в чем причина.

но вот решение для него

использовать тип в графическом уровне

chart:{
type: 'area'
}

это будет применено ко всем сериям

вот ваш обновленный скрипт http://jsfiddle.net/4HkXf/1/

надеюсь, что это будет вам полезно.