【问题标题】:How to set opacity of a single bubble in Highcharts如何在 Highcharts 中设置单个气泡的不透明度
【发布时间】:2013-11-17 10:35:09
【问题描述】:

我想在 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/

但这并没有改变不透明度(改变第一个气泡的颜色确实有效,但不是不透明度)

【问题讨论】:

标签: highcharts bubble-chart


【解决方案1】:

尝试设置颜色,而不是填充颜色,并将其设置为点: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]
        ]

【讨论】:

  • rgba 值上的 alpha 通道在这里很关键。我发现如果我只使用十六进制或 rgb 颜色,图表将使用它的默认不透明度 0.75。
猜你喜欢
  • 2013-03-31
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-17
  • 2014-12-25
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多