Highcharts:区域可点击

Question

我有一个区域高清图表.在图表中添加了一个点击事件,如下所示:

plotOptions: {
                area: {
                    marker: {
                        enabled: false
                    },
                    cursor: 'Pointer',
                    stacking: 'normal',
                    events: {
                        click: function(event) {
                          alert("hi there");
                        }
                    }                   
                }
            }

它工作正常.问题是你只能在一条线附近点击,但不能在线下方的区域点击,它不可点击.

有没有我忽略的环境？

Answer 1

您可以使用此trackByArea: true区域功能plotOptions

trackByArea:布尔值

从1.1.6开始,整个区域或只是线条是否应响应鼠标悬停工具提示和其他鼠标或触摸事件.默认为false.

结合这个 click event

点击:功能

单击系列时触发.this关键字指的是系列对象本身.一个参数event传递给函数.这包含基于jQuery或MooTools的常见事件信息,具体取决于哪个库用作Highcharts的基础.此外,event.point包含指向图上最近点的指针.

例如:

plotOptions: { area: { **trackByArea: true**, marker: { enabled: false },..

Answer 2

实际上,你可以开箱即用.选择的答案只是查看PlotOptions对象的事件; 您需要查看Chart对象的事件.

文档和示例:http: //www.highcharts.com/ref/#chart-events--click

当您单击背景时,它会触发事件.

chart: {
        renderTo: 'container',
        events: {
            click: function(event) {
                alert ('x: '+ event.xAxis[0].value +', y: '+
                      event.yAxis[0].value);
            }
        }        
    },