Highcharts-如何获得点击事件的最近点

Question

在此Highcharts图（jsfiddle）中是两个事件。 mouseOver和click

通过在图表上水平移动鼠标，工具提示和mouseOver事件将捕捉到图表上的最近点。如何通过图上任何位置的clicking来获得这一点？

tooltip: {
    shared: true
},
plotOptions: {
    series: {
        cursor: 'pointer',
        point: {
             events: {
                 click: function() {
                    console.log( 'click', this.x, this.y );
                },
                mouseOver: function() {
                    console.log( 'mouseover', this.x, this.y );
                }
            }
        }
    }
}

在这种情况下，它甚至不会触发点击事件。

为此，我需要将click事件添加到主图表。

chart: {
    events: {
        click: function (event) {
            console.log( 'click', event.x, event.y );
        }
    }
}

但是我怎么能得到最近的点呢？

Answer 1

[尝试通过这种方式在图表上使用click事件：

  chart: {
    events: {
      click: function() {
                console.log(this.hoverPoint)
      }
    }
  },

其中hoverPoint是连接了悬停点的一种“状态”。

演示：https://jsfiddle.net/BlackLabel/a4qjx91o/