更改颜色时，Highcharts区域fillOpacity不起作用

Question

我想要一个不透明度为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/

Answer 1

请使用颜色为十六进制，即"#ff0000"而不是“红色”。

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

Answer 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
}]

Answer 3

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

似乎适用于所有浏览器

fillOpacity: 0.1,
color: "#000"

不适用于所有浏览器

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

不适用于所有浏览器

Answer 4

我不能确切地说出原因是什么。

但是，这是解决方案

在图表级别使用类型

chart:{
type: 'area'
}

这将适用于所有系列

这是您更新的小提琴http://jsfiddle.net/4HkXf/1/

希望这对你有用。