如何在圖表上點擊事件來繪製高線圖上的線條？

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