点击图表点击活动

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

在文档中对此进行了很好的解释。

您可以做的事情与此类似。

因此，您必须在代码中添加以下内容：

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

这是该实现的示例。

更新资料

为了确保还启用了单击图形本身的功能，请添加以下内容：

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

您可以在此处看到一个有效的示例