【问题标题】:Set bubble transparency in Highcharts?在 Highcharts 中设置气泡透明度?
【发布时间】:2013-03-31 13:56:35
【问题描述】:

有没有办法影响 Highcharts 气泡图中气泡的透明度? 我一直在寻找与区域填充颜色相当的配置,但没有找到。

我尝试在该系列中使用 rgba 颜色,如下所示:

       series: [{
        color: "rgba(255,0,0,0.5)",
        data: [ 

但这只会使边框半透明。

编辑: 我只是尝试使用标记填充颜色:

series: [{
        color: "rgba(255,0,0,1)",
        marker: {
            fillColor: "rgba(255,0,0,0.1)"
        },

但这不会影响透明度

【问题讨论】:

    标签: highcharts bubble-chart


    【解决方案1】:

    你可以使用fillOpacity参数,

    marker: {
              fillOpacity:0.3
            }
    

    http://jsfiddle.net/g8JcL/116/

    【讨论】:

    • 非常感谢。正是我需要的! HighCharts 应该将此添加到 API 参考中。
    • 它不使用 RGBA 颜色的透明度部分似乎是一个错误……是这样吗?
    • 同意 Koos,API 文档中仍然没有提及。
    • 不幸的是,这是仅在系列级别上使用且无法按点设置的属性之一。
    【解决方案2】:

    最简单的方法是添加 CSS 属性。

    .highcharts-point {
        fill-opacity: 0.8;
      }
    

    但这将应用于所有气泡。

    【讨论】:

      猜你喜欢
      • 2013-11-17
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-17
      • 2014-12-25
      • 1970-01-01
      • 2023-03-06
      • 1970-01-01
      相关资源
      最近更新 更多