7

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

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 轴值的最佳方法应该是什么？

4

2 回答 2

8

这在文档中得到了很好的解释。

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

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

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);
                }
            }
        }
    }
},

你可以在这里看到一个工作示例

于 2013-07-06T21:25:35.040 回答
1

如果您想单击一行，您可以通过设置 plotOptions > line 来实现，如http://api.highcharts.com/highcharts#plotOptions.line.events.click。

现在，如果您想要双击，您可能有一个全局变量，它跟踪同一点击事件中的点击次数。

希望有帮助

于 2013-07-07T11:36:49.567 回答