如何为highstock设置rangeSelector

Question

我正在使用highstock。如何为图表设置rangeSelector？ 我用过：

chart.rangeSelector({ selected: 5 });   *

但它不起作用。

我知道将其设置为此示例：http://jsfiddle.net/Pffxt/2/ 但我创建了一次图表然后添加系列。当我创建图表（如示例）并添加系列时，rangeSelector不起作用。 我想我必须像***一样使用

请帮帮我！ 谢谢

Answer 1

不使用.rangeSelector({settings})，而是使用.clickButton函数：

chart.rangeSelector.clickButton(0,{type: 'month', count: 1},true);

但是，这个功能似乎有点奇怪，而且没有记录。

它接受以下参数：

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

redraw默认为true，i只会在视觉上选择其中一个按钮（除此之外，它似乎什么都不做）。面包和黄油似乎在rangeOptions中，这是一个具有类型和计数的对象。例如，在上面的示例中，它选择最近的1个月。其他可用选项包括：

* millisecond
* second
* minute
* hour
* day
* week
* month
* ytd
* year
* all

但是，请注意，您不能.destroy();范围选择器并且仍然可以使用它，您可能需要进行一些黑客操作才能使其正常工作。

这是一个说明它的JSFiddle：http://jsfiddle.net/HFPr2/

Answer 2

您不必为rangeSelector提供要使用的选项。您只需致电：

chart.rangeSelector.clickButton(0, true);

因此，在使用当前选项时，将单击第一个按钮。

Answer 3

如果您销毁rangeseletor对象，则无法显示不存在的对象。因此，如果您只想显示范围选择器，则只需要http://api.highcharts.com/highstock#rangeSelector.enabled启用它。

Answer 4

要使用clickButton（），您需要像这样调用它......

chart.rangeSelector.clickButton(0, chart.rangeSelector.buttonOptions[0], true);

buttonOptions []项与第一个参数匹配。