Highcharts - 是否可以对特定区域应用不透明度？

Question

我需要在Highcharts中对花键和条形图的特定部分（如区域）应用不透明度。你认为这是可行的吗？

Highcharts.chart('container', {
    series: [{
        data: [-10, -5, 0, 5, 10, 15, 10, 10, 5, 0, -5],
        opacity: 0.3, // Works here, for the whole line
        zones: [{
            value: 0,
            color: '#f7a35c',
            opacity: 0.3 // Not applicable here, for specific zone
        }, {
            value: 10,
            color: '#7cb5ec'
        }, {
            color: '#90ed7d'
        }]
    }]
});

https:/jsfiddle.netofudq29r

Answer 1

你可以设置 color 属性的RGBA值，其中最后一个参数是不透明度。

演示。https:/jsfiddle.netBlackLabel5zobaLes。

{
     value: 0,
     color: 'rgba(193, 66, 66, 0.3)',
},