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

Question

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

Chart Click Event

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点击事件中做了同样的事情。现在，使用图表点击事件做同样的事情？但无法获得xaxis系列对象。

Answer 1

工作！不得不阅读highcharts文件......： - ）

Working LINK

 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'
                });
            }
        }