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

HighCharts : How to add click event on colorAxis in heatmap

本文关键字:colorAxis 添加 事件 HighCharts      更新时间:2023-12-20

我需要在HeatMap的colorAxis中添加点击事件,但API只显示两个事件"AfterSetExtremes"answers"SetExtreme"。

我在colorAxis事件块中添加了"点击"监听器,并希望它能工作,但它没有。

问题:如何在colorAxis上添加点击事件,这样当我们点击颜色轴栏时,"点击"侦听器将侦听该事件。

正如您所注意到的,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只在刻度(rect)上获取点击事件。