Question

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

 $('#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

Answer 2

如果您想单击一行，可以通过设置plotOptions＆gt;来完成。与http://api.highcharts.com/highcharts#plotOptions.line.events.click中的行一样。

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

希望帮助

点击图表点击活动

2 个答案:

更新