Highcharts：单击热图的事件

我对热图上的单击事件有一个问题：仅当您单击工具提示时，它才起作用，而不是在图表上。请看演示

有什么建议可以解决这个问题吗

---

谢谢

将事件添加到

plotOptions

对象中

像这样：

plotOptions: {
        series: {
            events: {
                click: function (event) {
                    alert('event!');
                }
            }
        }
    },

---

演示：

因为在图表上单击事件，在绘图区域工作，而不是在序列上。热图系列重叠绘图区域，因此单击事件无效。您需要捕捉序列/点上的plotOptions事件。

尝试在序列块下插入事件：，并禁用工具提示，如下所示：

series: 
    [
    {   name: 'Passed',
        borderWidth: '1',
        borderColor: '#000000', 
        cursor: 'pointer',          
        events:
        {
        click: function ()
        {
        alert('wow');
        }
        },          
        color:'green',          
        data: [[0, 1, ''],[0, 2, ''],[0, 3, '']],
        dataLabels: 
        {
            enabled: 'true',                
            color: '#000000'
        }
    }
   ]

因此，当您单击图表本身时，单击事件将正常工作

series: 
    [
    {   name: 'Passed',
        borderWidth: '1',
        borderColor: '#000000', 
        cursor: 'pointer',          
        events:
        {
        click: function ()
        {
        alert('wow');
        }
        },          
        color:'green',          
        data: [[0, 1, ''],[0, 2, ''],[0, 3, '']],
        dataLabels: 
        {
            enabled: 'true',                
            color: '#000000'
        }
    }
   ]