javascript - Highcharts：在一个系列中更改气泡的颜色

Question

我可以在气泡图中为系列设置不同的颜色吗？我尝试设置属性“颜色”但不起作用。

        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/

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'
        }]

示例：http: //jsfiddle.net/tqVF8/17/

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/