更改颜色时，Highcharts区域填充不透明度不起作用

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

---

看

我说不出确切的原因是什么

但是，这里有一个解决方案

在图表级别使用类型

chart:{
type: 'area'
}

这将适用于所有系列

这是你最新的小提琴

---

希望这对您有所帮助。

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

---

我通过删除

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

似乎适用于所有浏览器

fillOpacity: 0.1,
color: "#000"

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

不适用于所有浏览器

fillOpacity: 0.1,
color: "#000"

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

---

不适用于所有浏览器

谢谢，这部分解决了问题，但问题是，我的图表有两个系列-线条和区域。该区域应具有不透明度，以便可以看到线条。我已在更新了您的JSFIDLE，我认为它解决了问题，但当您向这两个区域系列添加

颜色：“红色”

时，不透明度将丢失。上面的答案用

颜色解决了这个问题：'#ff0000'

我不得不从

#333

改为

#333

，才能让它工作。多么不灵活。如果任何人也需要转换颜色，下面是一个表，其中包含相应的值：

fillOpacity: 0.1,
color: "#000"

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