高图:改变一个系列中气泡的颜色

Highcharts: Change color of bubbles in one serie

本文关键字：气泡 颜色 个系列 改变 高图      更新时间：2023-09-26

我可以为气泡图中的系列设置不同的颜色吗?我尝试设置属性"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/

在你的例子中，你可以添加属性"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/

每个需要唯一颜色的点都需要它自己的系列对象。这有点奇怪，但这是有效的:

    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/

相关文章：