首页 文章

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

提问于
浏览 次
2

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

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/

javascript highcharts bubble-chart

2 回答

  • 6

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

    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/

    回复于
  • 8

    在您的情况下，您可以添加属性“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/

    回复于

相关问题