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

Question

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

这是正常折线图的 fiddle，可用于在点击时启用数据标签，

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/

这是时间线图表的 fiddle，它不起作用，

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/

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

Update datalabel on click of a point on the series of a highcharts timeline chart

javascript

highcharts

react-highcharts