Highcharts使用数组显示每个气泡点的附加信息

Highcharts displaying additional information to each bubble points using array

本文关键字：信息 气泡 数组 显示 Highcharts      更新时间：2024-01-25

我使用的是气泡图。我在这个图表中代表"想法"。每个气泡都是一个具有X值和Y值的特定想法。我需要的是每个气泡的工具提示中的"创意名称"作为附加信息。

我已经知道你可以这样做：

series: [{
     data: [ { x : 1, y : 100, myIdea : 'Idea1' },
             { x : 2, y : 150, myIdea : 'Idea2' },
             { x : 5, y : 170, myIdea : 'Idea3' } ]
  }]

但问题来了：我以前使用过这样的数组：

dataArray [0][0] = 1; dataArray [0][1] = 100; dataArray [0][2] = 5;
dataArray [1][0] = 2; dataArray [1][1] = 150; dataArray [1][2] = 5;

来自循环。

我的dataArray数组看起来是这样的：[11100,5]，[2150,5]。。。

我把它送给了这样的系列：

series: [{
           data: dataArray 
                }]

效果很好！

如何创建一个预期格式的数组：

         data: [ { x : 1, y : 100, myIdea : 'Idea1' },
                 { x : 2, y : 150, myIdea : 'Idea2' },
                 { x : 5, y : 170, myIdea : 'Idea3' } ]

这在某种程度上适用于这样的关联数组吗：

var myData= {
            "x": "1",
            "y": "100",
            "myIdea": "idea1"
        }

顺便说一句，传递bubblechart系列动态数据的最佳方式是什么？

您可以循环当前的dataArray并构建新的数组，如下所示：

var oldDataArray = [
    [1, 100, 5],
    [2, 150, 5]
];
var newDataArray = oldDataArray.map(function (row) {
    return {
        x: row[0],
        y: row[1],
        z: row[2]
    };
});
console.log(newDataArray);
相关文章：