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