如何将自定义数据传递到 Highcharts 图表点击事件中

Question

渲染 Highcharts 图形（在本例中为漏斗）时是否可以传递自定义数据，以便在绑定单击事件时可以使用此自定义数据点？

目前，我所能得到的只是event.point.name我为 Label 提供的 "name" ，但我也想传递 a song_id。

http://jsfiddle.net/y4a2end3/1/

图形代码中是否有可以添加另一个数据点的地方，例如“song_id”？

    series: [{
        name: 'Song Plays',
        data: [
           ['song_name1',123, 'song_id_1'], /* song_id_1 would be the custom data */
           ['song_name2',234, 'song_id_2']
        ]
    }]

Answer 1

如果您想将附加数据附加到系列中的点，您可以将需要附加数据的点初始化为对象而不是数组/整数。例如，使用您的代码，您可以执行以下操作：

series: [{
    name: 'Song Plays',
    data: [
       {x:'song_name1', y:123, songid:'song_id_1'},
       {x:'song_name2', y:234, songid:'song_id_2'}
    ]
}]

然后您可以从点击点获取它作为event.point.songid。使用点击和工具提示查看此 JSFiddle 演示。

注意在很多情况下x对象是不需要的。它通常是自动的和顺序的。