highcharts - 在 highcharts 上添加和删除 plotLine 时出错

Question

click: function() {
                          if (!hasPlotLine) {
                                chart.xAxis[0].addPlotLine({
                                    value: 5.5,
                                    color: '#FF0000',
                                    width: 2,
                                    id: 'plot-line-1'
                                });

                            } else {
                                chart.xAxis[0].removePlotLine('plot-line-1');
                            }
                            hasPlotLine = !hasPlotLine;
                    }

我试图在点击事件上添加和删除情节线，我最终得到了这个错误“无法读取未定义的属性 xAxis”

演示

Answer 1

我假设您想删除“旧” plotLine 并在单击的 x 值中添加新的。所以首先我建议删除条件，并且只使用删除/添加情节线。

http://jsfiddle.net/FzNqA/8/

click: function () {

                        var chart = this.series.chart.xAxis[0];


                            chart.removePlotLine('plot-line-1');
                            chart.addPlotLine({
                                value: this.x,
                                color: '#FF0000',
                                width: 2,
                                id: 'plot-line-1'
                            });
                    }