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

Question

我需要在 HeatMap 的 colorAxis 中添加 click 事件，但是 API 只显示了两个事件 "AfterSetExtremes" 和 "SetExtremes".

我在 colorAxis 事件块中添加了 'click' 侦听器并希望它能工作，但它没有。

问题：如何在colorAxis上添加click事件，当我们点击color-axis bar时，事件会被"click"监听器监听。

Answer 1

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

    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 仅在比例尺（矩形）上获取点击事件。

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

HighCharts : How to add click event on colorAxis in heatmap

javascript

highcharts

highmaps