javascript - 带文本的 Highcharts 气泡

Question

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

我试试这个:Highcharts naming of individual bubbles但不起作用:/

Answer 1

是的，你可以，你提到的所有帖子都指明了方向。基础知识是您需要数据中的标签文本，并且需要自定义标签格式化程序。例如

 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”选项将其向上或向下移动。这些数字可能是负数。

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