Javascript Highcharts在单击后向序列添加新数据

在单击线条上单击的位置后，我尝试在样条曲线图上添加一个新点（到序列数据）。但点击事件不会返回xAxis，yAxis（仅以像素为单位）。我决定计算点像素位置和单击之间的差异，但点不会添加到单击位置。我做错了什么？如何处理

我的JS

---

结果-

要计算

x

和

y

值，可以使用

toValue

轴方法：

    plotOptions: {
        series: {
            ...,
            point: {
                events: {
                    click: function(e) {
                        let series = this.series,
                            yAxis = series.yAxis,
                            xAxis = series.xAxis,
                            newPointX = xAxis.toValue(e.chartX),
                            newPointY = yAxis.toValue(e.chartY);

                        this.series.addPoint([newPointX, newPointY])
                    }
                }
            }
        }
    }

---

现场演示：

API参考：

    plotOptions: {
        series: {
            ...,
            point: {
                events: {
                    click: function(e) {
                        let series = this.series,
                            yAxis = series.yAxis,
                            xAxis = series.xAxis,
                            newPointX = xAxis.toValue(e.chartX),
                            newPointY = yAxis.toValue(e.chartY);

                        this.series.addPoint([newPointX, newPointY])
                    }
                }
            }
        }
    }