Accepted answer

As you noticed, there isn't click event available in events. It is still possible to add event click to a specific part of the axis. For example:

    chart: {
        type: 'heatmap',
        marginTop: 40,
        marginBottom: 80,
        plotBorderWidth: 1,
        events: {
            load: function () {
            var axis = this.colorAxis[0];

            axis.legendGroup.on('click', function (e) {
                console.log('Click:', e);


legendGroup is a group with all items of the colorAxis (scale, labels etc.). If you want, you can use legendSymbol to get click event only on the scale (rect).

Related Query

More Query from same tag