点击图表点击活动

时间:2013-07-06 20:59:21

标签: 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轴值的最佳方法是什么?

2 个答案:

答案 0 :(得分:5)

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

答案 1 :(得分:1)

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

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

希望帮助