在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 of undefined”

DEMO

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