HighCharts：如何在热图中的colorAxis上添加click事件

Question

我需要在HeatMap的 colorAxis 中添加点击事件，但API只显示两个事件“AfterSetExtremes”和“SetExtremes”。

我在colorAxis事件块中添加了“click”侦听器，并期望它能够正常工作，但事实并非如此。

问题：如何在colorAxis上添加点击事件，因此当我们点击颜色轴栏时，“点击”听众会听到该事件。

Answer 1

正如您所注意到的，click中没有events个活动。仍然可以将事件单击添加到轴的特定部分。例如：

    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);
            });
          }
        }
    },

演示：http://jsfiddle.net/ubjsgtdo/

legendGroup是一个包含colorAxis所有项目的组（比例，标签等）。如果需要，您可以使用legendSymbol仅在比例（rect）上获得点击事件。