哪個範圍選擇按鈕在高圖中被選中

Question

我想知道如何確定在高座標中選擇哪個範圍選擇按鈕。

我rangeSelector按鈕：

buttons: [{ 
      type: 'month', 
      count: 1, 
      text: '1 MONTH', 
     }, { 
      type: 'month', 
      count: 3, 
      text: '3 MONTH' 
     }, { 
      type: 'month', 
      count: 6, 
      text: '6 MONTH' 
     }, { 
      type: 'ytd', 
      text: 'YTD' 
     }, { 
      type: 'year', 
      count: 1, 
      text: '1 YEAR' 
     }, { 
      type: 'all', 
      text: 'ALL' 
     }], 

例如我點擊我的第一rangeSelector這是1個月。我想知道這個按鈕是否被選中。

有什麼事嗎？

感謝

Answer 1

你能趕上setExtremes（）（http://api.highcharts.com/highstock#xAxis.events.setExtremes），然後在事件obejct你有計數，文字訪問event.rangeSelectorButton對象和類型屬性。

xAxis: { 
     events: { 
      setExtremes: function(e) { 
       console.log(this); 
       if(typeof(e.rangeSelectorButton)!== 'undefined') 
       { 
        alert('count: '+e.rangeSelectorButton.count + 'text: ' +e.rangeSelectorButton.text + ' type:' + e.rangeSelectorButton.type); 
       } 
      } 
     } 
    }, 

http://jsfiddle.net/E6GHC/1/

Answer 2

你可以得到很多關於選擇直接從rangeSelector按鈕信息。

例如：

var chart = $('#container').highcharts(); 

var selected = chart.rangeSelector.selected; // Index of selected button 
var text = chart.rangeSelector.buttonOptions[selected].text; // Text of selected button 
var type = chart.rangeSelector.buttonOptions[selected].type; // Type of selected button 

而在buttonOptions和buttonsrangeSelector在某些其他的隨機信息，使用所選擇的索引。

請參閱this JSFiddle demonstration看到它的行動。