Highcharts：更改单个系列中气泡的颜色

Question

我可以为气泡图的系列设置不同颜色吗？我尝试设置 "color" 属性，但没有生效。

        data: [{
            x: 23,
            y: 22,
            z: 200,
            name:"point1",
            color: 'red'
        }, {
            x: 43,
            y: 12,
            z: 100,
            name:"point2",
            color:'yellow'
        }]

也许我可以在系列中使用标签，但我更喜欢改变气泡，这可行吗？

dataLabels: {
      enabled: true,
      color: 'red'
}

这是我的 jsfiddle： http://jsfiddle.net/tqVF8/2/。

- Lorenzo

Answer 1

在您的情况下，您可以添加属性“fillColor”。

 data: [{
            x: 23,
            y: 22,
            z: 200,
            name:"point1",
            color: 'red',
            fillColor : 'red'
        }, {
            x: 43,
            y: 12,
            z: 100,
            name:"point2",
            color:'yellow',
            fillColor : 'yellow'
        }]

example: http://jsfiddle.net/tqVF8/17/

- sergioneli

Answer 2

每个需要独特颜色的点都需要拥有自己的系列对象。这有点奇怪，但它是有效的：

    series: [{
        data: [{
            x: 23,
            y: 22,
            z: 200,
            name:"point1"
        }, {
            x: 43,
            y: 12,
            z: 100,
            name:"point2",
        }],
        color: "yellow"
    },{
        data: [{
            x: 50,
            y: 22,
            z: 150,
            name:"point3"
        }, {
            x: 43,
            y: -30,
            z: 100,
            name:"point4",
        }],
        color: "blue"
    }]

请查看这个网站的演示：http://www.highcharts.com/demo/bubble-3d

还有一个 js fiddle 示例：http://jsfiddle.net/Robodude/tqVF8/7/

- RoboKozo

---

谢谢，但还有其他方法吗？根据您的示例，颜色无法设置，颜色必须在数据之外，就像这样：http://jsfiddle.net/tqVF8/6/ - Lorenzo

是的，你说得完全正确，抱歉这是复制粘贴失败了。我会在答案中更新代码，但恐怕我不知道其他的方法。祝好运 :) - RoboKozo

我无论如何都使用了你的示例 :P 谢谢。我只是添加了一个禁用的图例：http://jsfiddle.net/tqVF8/8/ - Lorenzo