設置xAxis.plotline的值live highstock

Question

我使用Highstock，我將通過點擊事件來設置xAxis.plotLine的值。我怎樣才能做到這一點，直接顯示？ 我使用xAxis.plotLines.value = this.x設置了單擊事件的值;

series : [ 
     { 
    xField : 'deltaTime', 
    yField : 'variableOne' 
    },{ 
    xField : 'deltaTime', 
    yField : 'variableTwo', 
    }], 
    chartConfig : {   
     xAxis: { 
     plotLines: [{ 
      width: 2, 
      color: 'black' 
     }] 
    }, 
    rangeSelector : { 
     selected : 1 
    }, 
    plotOptions: { 
      series: { 
       cursor: 'pointer', 
       point: { 
        events: { 
         click: function() {       
         var hcConfig = Chart.ux.HistoryChart.getConfig('single_line'); 
         hcConfig.chartConfig.xAxis.plotLines.value = this.x; 
         } 
         } 
        } 
       }, 
       marker: { 
        lineWidth: 1 
       } 
      } 
     }, 
    } 
} 

Answer 1

添加情節主線創建圖表後，你必須調用圖表的X軸對象的addPlotLine方法。您可以訪問從傳遞到您的單擊處理event參數：

point: { 
    events: { 
     click: function(event) { 
      event.point.series.xAxis.addPlotLine({ ... }); 
     } 
    } 
} 

Answer 2

我已經回答了類似的問題@HighCharts Keep Vertical Line on Click Event。
Add plot lines at click position @ jsFiddle