在highcharts上添加和删除绘图线时出错

我试图在单击事件时添加和删除绘图线，结果出现了这样一个问题：“无法读取未定义的属性xAxis”

---

我假设您希望删除“旧”绘图线并在单击的x值中添加新绘图线。因此，首先我建议删除条件，并且仅使用“删除/添加绘图线”

---

更新了演示链接；addPlotLine未在图表上绘制线！对问题的小修改，是否可以在图表的点击事件上绘制线？不在plotoptions的click事件上？有没有什么方法可以让我们在坐标的中间点击并放置标记？我是说在两个点之间？一种滑动？我如何在没有任何用户操作的情况下对页面加载执行相同的操作？我的意思是我想根据一个条件来做。加载时应触发哪个事件？您可以在事件中添加绘图线

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

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