javascript - 在使用 highcharts 库制作的图表上添加 onclick 事件

Question

我想知道如何在使用 highcharts lib 制作的整个图表上添加点击事件。

Answer 1

您可以使用图表click事件。

参考：

单击绘图背景时触发。this 关键字是指图表对象本身。一个参数，事件，被传递给函数。这包含基于 jQuery 或 MooTools 的常见事件信息，具体取决于哪个库用作 Highcharts 的基础。

点击点的信息可以通过 event.xAxis 和 event.yAxis 找到，它们是数组，包含每个维度的轴和点击点的每个轴的值。主轴是 event.xAxis[0] 和 event.yAxis[0]。请记住，日期时间轴的单位是自 1970-01-01 00:00:00 以来的毫秒数。

代码：

chart: {
    type: 'column',
    events: {
        click: function () {
            alert('chart clicked');
        }            
    }
}

演示：http: //jsfiddle.net/DYNhr/