如何在Highcharts中设置单个气泡的不透明度

时间:2013-11-06 09:09:20

标签: highcharts bubble-chart

我想在HighCharts中设置单个气泡的不透明度。 我尝试将fillOpacity设置为气泡数据的选项。 我还尝试在气泡数据的fillColor上使用RGBA。像这样:

 chart: {
        type: 'bubble',
        zoomType: 'xy'
    },

    series: [{
        marker: {
            fillColor: 'rgba(47,226,216,1)',
            fillOpacity: 0.8
        },
        data: [{
            x: 10,
            y: 90,
            z: 79,
            marker: {
                fillColor: 'rgba(47,226,216,0.5)',
                fillOpacity: 0.5
            }
        }, [90, 10, 60],
            [50, 50, 1]
        ]
    }]

请参阅jsFiddle http://jsfiddle.net/kzoon/2Gbja/

但是这并没有改变不透明度(改变第一个泡泡的工作颜色,但不是它的不透明度)

1 个答案:

答案 0 :(得分:2)

尝试设置颜色而不是fillColor,并将其设置为点:http://jsfiddle.net/2Gbja/1/

       data: [{
            x: 10,
            y: 90,
            z: 79,
            color: 'rgba(47,226,216,0.1)'

        }, [90, 10, 60],
            [50, 50, 1]
        ]