highcharts - 单击图表时的单击事件

Question

我有一系列用 highcharts 绘制的折线图，工具提示在它们之间共享。

http://jsfiddle.net/FhF3A/

 $('#container').highcharts({
        tooltip: {
            shared: true
        },
        series: [{
            name: 'Berlin',
            data: [-0.9, 0.6, 3.5, 8.4, 13.5, 17.0, 18.6, 17.9, 14.3, 9.0, 3.9, 1.0]
        }, {
            name: 'London',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });

捕获 dblclick 事件并获取图形上悬停 y 轴值的最佳方法应该是什么？

Answer 1

这在 documentation 中有很好的解释。 .

你可以做的是类似于 THIS 的事情。 .

所以你必须在你的代码中添加这样的东西:

chart: {
    events: {
        click: function(event) {
            alert (
                'x: '+ Highcharts.dateFormat('%Y-%m-%d', event.xAxis[0].value) +', ' +
                'y: '+ event.yAxis[0].value
            );
        }
    }
}

这是一个 example那个实现。

更新

为确保还启用了单击图表本身，请添加以下内容:

plotOptions: {
    series: {
         cursor: 'pointer',
         point: {
             events: {
                click: function() {
                    alert ('Category: '+ this.category +', value: '+ this.y);
                }
            }
        }
    }
},

您可以看到一个工作示例 HERE