score:5

Accepted answer

Add the events into a plotOptions object.

Like this:

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

Demo: http://jsfiddle.net/robschmuecker/3UWaA/3/

score:1

Try inserting the EVENTS: under series block and disable the tooltip as below:

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

So when you click the chart itself,click event will work fine.

score:3

Because click event on chart, works in the plotArea, not on the serie. Heatmap serie overlap plotArea, so click event doesnt work. You need to catch plotOptions event on serie / point.


Related Query

More Query from same tag