加载后的 HighStock chart.rangeSelector答案

【问题标题】：HighStock chart.rangeSelector after loading加载后的 HighStock chart.rangeSelector
【发布时间】：2013-06-12 01:47:31
【问题描述】：

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

rangeSelector: {
    selected:0,
},

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

例如：

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

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案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);

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

【讨论】：