Question

我遇到热图上点击事件的问题：仅当您点击工具提示时才有效，但在图表本身上却没有。请参阅演示http://jsfiddle.net/3UWaA/1/

    chart: {
        type: 'heatmap',
        events: {
            click: function(event) {
                alert("clicked!");
            }
        }
    }

有任何建议如何解决这个问题？

由于

Answer 1

将事件添加到plotOptions对象中。

像这样：

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

演示：http://jsfiddle.net/robschmuecker/3UWaA/3/

Answer 2

因为在图表上点击事件，所以在plotArea中工作，而不是在serie上工作。热图系列重叠plotArea，因此点击事件不起作用。你需要在serie / point上捕捉plotOptions事件。

Answer 3

尝试在系列块下插入 EVENTS：并停用工具提示，如下所示：

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'
        }
    }
   ]

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

Highcharts：单击事件以获取热图

3 个答案: