highcharts - 如何获取悬停散点的路径元素

Question

当我在散点图中悬停一个散点时，mouseOver 回调会收到一个事件对象，但我无法在该对象中找到当前点或 clientX/clientY。

我怎么才能得到它？

我正在使用版本 v2.3.5 的 highcharts

chart = new Highcharts.Chart({
    [...]
    plotOptions: {
        scatter: {
            [...]
            events: {
                click: function(ev) {
                    [...]
                    scatterClick(ev);
                }, 
                mouseOver: function(ev) {
                    [...]
                    scatterHover(ev);
                },

Answer 1

您正在处理错误的事件。如果您想要点信息，请在点mouseOver事件上设置回调。

在这里拉小提琴。

   series: [{
        type: 'scatter',
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4],
        point: {
                events: {
                    mouseOver: function() {
                        x = this;
                        alert ('x: '+ this.x +', y: '+ this.y);
                    }
                }
            }
    }]

Answer 2

在 series.data 回调上的 mouseOver 事件中，'this' 指的是点，所以你可以使用

this.x;
this.y;

例如

chart = new Highcharts.Chart({
[...]
series: {
    data: {
        [...]
        events: {
            click: function(ev) {
                alert (this.y);

            }, 
            mouseOver: function(ev) {
                alert(this.x);

            },