Question

我使用Highstock，我会通过点击事件从xAxis.plotLine设置值。我该怎么做才能直接显示？我使用xAxis.plotLines.value = this.x;

在click事件上设置值

  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

要在创建图表后添加绘图线，您必须调用图表的xAxis对象的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

从xAxis.plotline live Highstock设定值

2 个答案: