Question

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

我怎样才能得到它？

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

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

Answer 1

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

小提琴here。

   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;

E.g

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

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

            },

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

2 个答案: