2016-04-05 40 views
1

上colorAxis添加点击事件,我需要在colorAxis热图添加click事件,但API只显示两个事件“AfterSetExtremes”和“SetExtremes”。HighCharts:如何在热图

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

问题:如何在colorAxis上添加点击事件,所以当我们点击颜色轴栏时,事件将被“点击”侦听器监听。

回答

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只在规模(rect)上获得点击事件。

+0

完美的作品。一个小问题,这个**点击事件**对图表中的其他图例组件产生影响吗? (如果他们在场) –

+0

它不应该,但最好是尝试:)见:http://jsfiddle.net/ubjsgtdo/1/ –