如何通过单击气泡图上的数据点从数据中获取附加信息

Question

我正在使用https://www.highcharts.com/demo/bubble-3d.我想要的是，我可以从数据中获得关于每个数据点的一些额外信息。我不想向数据点添加警报。正如我所看到的，这里的大多数例子都是关于设置警报和获取有关各个点的信息。事先非常感谢。

Answer 1

单击某个点时，可以使用Highcharts注释来显示附加信息。

代码：

series: [{
data: [{
x: 1,
y: 93,
z: 55,
yourProperty: 'Special bubble!'
}]
}],
plotOptions: {
bubble: {
point: {
events: {
click: function() {
var point = this,
series = point.series,
chart = series.chart,
annotation;
if (point.yourProperty) {
annotation = chart.addAnnotation({
labels: [{
point: point.id,
text: point.yourProperty
}],
labelOptions: {
align: 'right',
allowOverlap: true
}
});
setTimeout(function() {
chart.removeAnnotation(annotation.id);
}, 2000);
}
}
}
}
}
}

演示：https://jsfiddle.net/BlackLabel/z7jvben9/1/