在highcharts中选择了哪个rangeSelector按钮

我想知道如何确定highstock中选择了哪个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个月。我想知道这个按钮是否被选中

有什么活动吗

谢谢

您可以捕获setExtremes（）（），然后在event obejct中，您可以使用count、text和type属性访问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);
                }
            }
        }
    },

---

您可以直接从

范围选择器

获取有关所选按钮的大量信息

例如：

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

以及

范围选择器

下的

按钮选项

和

按钮

中使用所选索引的一些其他随机信息

---

看看它的实际效果。

太好了，非常感谢。