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小提示你的例子： http://jsfiddle.net/Robodude/tqVF8/7/

Highcharts：改变一个系列中的气泡颜色

2 个答案: