highcharts - 如何在图表点击事件的高图表中绘制线条？

Question

是否可以在图表的点击事件上绘制一条线？

图表点击事件

chart: {
        events: {
            click: function(event) {
                alert ('x: '+ event.xAxis[0].value  +', y: '+
                      event.chartY );
                 var chart = event.xAxis[0];
                            chart.removePlotLine('plot-line-1');
                            chart.addPlotLine({
                                value: event.chartX,
                                color: '#FF0000',
                                width: 2,
                                id: 'plot-line-1'
                            });
            }
        }        
    },

我最初对 highcharts 的plotoptions click 事件做了同样的事情。现在，使用图表点击事件做同样的事情？但无法获取系列 xaxis 对象。

Answer 1

工作！必须阅读 highcharts 文档... :-)

工作链接

 chart: {
        events: {
            click: function (event) {
                var chart = this.xAxis[0];
                chart.removePlotLine('plot-line-1');
                chart.addPlotLine({
                    value: event.xAxis[0].value,
                    color: '#FF0000',
                    width: 2,
                    id: 'plot-line-1'
                });
            }
        }