Highcharts泡泡与文本

时间:2013-04-12 23:42:10

标签: javascript charts highcharts

我可以制作这样的气泡图吗?'

我试试这个:Highcharts naming of individual bubbles但不行:/

1 个答案:

答案 0 :(得分:3)

是的,你可以,你提到的所有帖子都显示出来。基础是您需要数据中的标签文本,并且需要自定义标签格式化程序。 e.g。

 series: [{
        dataLabels: {
            enabled: true,
            x:40,
            formatter:function() {
                return this.point.name;
            },
            style:{color:"black"}
        },
        data: [{
            "x": 23,
            "y": 22,
            "z": 200,
            "name":"point1"
        }, {
            "x": 43,
            "y": 12,
            "z": 100,
            "name":"point2"
        }]
    }]

http://jsfiddle.net/tqVF8/

dataLabel中的'x'参数定义了标签相对于点的放置位置。您还可以指定“y”选项以向上或向下移动它。这些数字可能是负数。

要改变点颜色,可以为数据中的每个点对象设置“颜色”属性。