Highcharts 如何在海图中设置单个气泡的不透明度
我想在海图中设置单个气泡的不透明度。 我尝试将fillOpacity设置为气泡数据的选项。 我还尝试在气泡数据的填充颜色上使用RGBA。像这样:Highcharts 如何在海图中设置单个气泡的不透明度,highcharts,bubble-chart,Highcharts,Bubble Chart,我想在海图中设置单个气泡的不透明度。 我尝试将fillOpacity设置为气泡数据的选项。 我还尝试在气泡数据的填充颜色上使用RGBA。像这样: chart: { type: 'bubble', zoomType: 'xy' }, series: [{ marker: { fillColor: 'rgba(47,226,216,1)', fillOpacity: 0.8
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
但这并没有改变不透明度(改变第一个气泡的颜色确实有效,但不改变其不透明度)尝试设置颜色,而不是fillColor,并将其设置为point:
它在您的JSFIDDLE中工作。请检查rgba值上的alpha通道在此处是否至关重要。我发现如果我只使用十六进制或rgb颜色,图表将使用默认的不透明度0.75。
data: [{
x: 10,
y: 90,
z: 79,
color: 'rgba(47,226,216,0.1)'
}, [90, 10, 60],
[50, 50, 1]
]