点击一系列高图表时间线图表上的一个点，更新数据标签

Question

我试图在点击时显示点的dataLabel，这在普通折线图中很容易，但在highcharts时间线图中似乎不再是这样了。有解决办法吗？

这是正常折线图的小提琴，它可以在点击时启用数据标签，

events: {
click: function() { 
this.series.data[this.index].update({dataLabels: {enabled: true,
useHTML: true,
formatter: function(){
return '<span style="color: red">sudheer</span>';
}
}});
}
} 

https://jsfiddle.net/4zdLr70f/

这是时间线图的小提琴，它不起作用，

https://jsfiddle.net/zxpa8ned/

Answer 1

这可能是时间线系列中的一个错误。您可以在此处报告：https://github.com/highcharts/highcharts/issues

作为解决方法，请更新userDLOptions而不是dataLabels。

point: {
events: {
click: function() {
this.update({
color: 'red',
userDLOptions: {
enabled: true,
useHTML: true,
formatter: function() {
return 'sudheer';
}
}
});
}
}
}

---

现场演示：https://jsfiddle.net/BlackLabel/sf95dy2a/