如何在 HighCharts 中更改单个气泡的颜色和不透明度？

Question

我创建了一个 HighCharts BubbleChart，并正在尝试调整单个气泡的颜色和不透明度。我似乎能够调整颜色，但不透明度保持在 0.5（当我在浏览器的 DOM 检查器中查看气泡的属性时）。这似乎是某种 HighCharts 的默认设置（对于整个系列？），我如何逐个修改它？

下面是一个显示问题的最小 HighCharts 示例。

另外，Plunkr 上的代码相同https://plnkr.co/edit/Wl7HhVgwOffN1CL3DxtC

如果您在 DOM Inspector 中查看黄色气泡，您会看到它的不透明度为 0.5，尽管在代码中它明确设置为 1。

$(function () {
    $('#container').highcharts({
        chart: {
        type: 'bubble',
        plotBorderWidth: 1,
        zoomType: 'xy'
    },

    title: {
        text: 'Highcharts Bubbles'
    },

    xAxis: {
        gridLineWidth: 1
    },

    yAxis: {
        startOnTick: false,
        endOnTick: false
    },

    plotOptions: {
        bubble: {
            minSize: 3,
            maxSize: 50
        }
    },

    series: [{
        data: [
          {x:9,y:81,z:63},
          {x:98,y:5,z:89,color:"rgba(255,255,0,1)"},
          {x:51,y:50,z:73}
        ],
    }]

    });
});

Answer 1

只有当 fillOpacity 设置为 1 时，您才能使用 fillColor 设置颜色来更改颜色的不透明度。

也许你想读这个：https://github.com/highcharts/highcharts/issues/4278

编辑以添加此示例：

{ x:51,
  y:50,
  z:73,
  color: 'rgba(255,0,0,0.5)',
  marker: {
    fillColor:0,
    fillOpacity:1
  }
}

--- 编辑---

在对库进行了一些讨论和审查之后，这似乎是实现这项工作的唯一技巧：

https://plnkr.co/edit/MvAC94ovCwvPQCe3tZo3?p=preview

摘录：

series: [{
            data: [
              {x:9,y:81,z:63},
              { x:98,
                y:5,
                z:89
              },
              { x:51,
                y:50,
                z:73,
                color: {
                    linearGradient: { x1: 0, x2: 0, y1: 0, y2: 1 },
                    stops: [
                        [0, 'rgba(255,255,0,0.1)'],
                        [1, 'rgba(255,255,0,0.1)']
                    ]
                }
              }
            ],
        }]

Answer 2

这个怎么样：

series: [{
    data: [
      {x:9,y:81,z:63},
      {x:98,y:5,z:89, color: 'yellow'},
      {x:51,y:50,z:73}
    ],

http://jsfiddle.net/3mtmmfzx/52/

编辑： 100% 不透明度和 50%（默认）是否足以在两者之间切换？

如果是这样，您可以在 'yellow' 和 'rgb(255,255,0)' 之间切换