2016-04-05 41 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/ –