highcharts - 更改颜色时，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/

希望这对你有一些用处。