charts - 从 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

要在创建图表后添加绘图线，您必须调用addPlotLine图表的 xAxis 对象的方法。您可以从event传递给单击处理程序的参数中访问它：

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

Answer 2

我已经回答了一个类似的问题@HighCharts Keep Vertical Line on Click Event。
在点击位置添加绘图线@jsFiddle