使用Highcharts库创建的图表上添加onclick事件

Question

我想知道如何在使用highcharts库绘制的整个图表上添加一个单击事件。

- Anoniem Anoniem

---

你尝试过什么吗？ - Satpal

我找到了这个链接： http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/series-point-events-click-column/所以我试图在整个图表上实现它，而不是在选项上，但对我来说没有起作用.. - Anoniem Anoniem

Answer 1

您可以使用图表click事件。

参考:

在单击绘图区域背景时触发。关键字this指代的是图表对象本身。该函数传递一个参数event，其中包含基于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');
        }            
    }
}

Demo: http://jsfiddle.net/DYNhr/

- Irvin Dominin

---

是否可以稍后调整配置？因此，是否可以创建一个函数，将上述事件添加到图表的“选项”/“配置”中？ - Anoniem Anoniem

"事件上选项" 是什么意思？你可以准备一个函数，然后像这样引用：click: funName。 - Sebastian Bochan