highcharts - 加载后的 HighStock chart.rangeSelector

Question

我知道如何在使用定义新图表时设置默认范围选择器

rangeSelector: {
    selected:0,
},

通过javascript加载新数据后是否可以更改此设置？

例如：

chart.series[0].setData(new data);
somethinghere rangeselector selected = 2;

我可以使用范围极值来设置它，但这并没有突出显示按钮以向用户显示选择的日期范围，并且它会（我认为）为设置日期提供了一种更简洁的方式。

Answer 1

可以通过捕获按钮事件并添加状态来实现。

http://jsfiddle.net/jGALb/

 chart.rangeSelector.buttons[4].setState(2);
 chart.rangeSelector.clickButton(4,4,true);

Answer 2

我对这个答案有一些问题。查看 Highstock 最新稳定版本的源代码，这里是 clickButton 签名的参数文档，

@param {Number} i The index of the button
@param {Object} rangeOptions
@param {Boolean} redraw

我的示例是用于显示过去 12 小时的自定义按钮。

var rangeOptions = {
    type: "hour",
    count: 12
};

chart.rangeSelector.clickButton(2,rangeOptions,true);

注意，我也不需要设置按钮状态。