HighStock chart.rangeSelector加载后

时间:2013-01-29 15:21:30

标签: highcharts highstock

我知道如何使用

定义新图表时设置默认范围选择器
rangeSelector: {
    selected:0,
},

是否可以在通过javascript加载新数据后更改此内容?

例如:

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

我可以使用极限范围来设置它,但是这并没有突出显示用户显示选择了什么日期范围的按钮,它(我认为)可以更清晰地设置日期。

2 个答案:

答案 0 :(得分:6)

可以通过捕捉按钮事件并添加状态。

http://jsfiddle.net/jGALb/

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

答案 1 :(得分:1)

我对这个答案有些疑问。查看最新稳定版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);

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