如何为 highstock 设置 rangeSelector答案

【问题标题】：how to set a rangeSelector for highstock如何为 highstock 设置 rangeSelector
【发布时间】：2013-03-09 09:22:07
【问题描述】：

我正在使用高库存。如何设置图表的 rangeSelector？我用过：

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

但是没有用。

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

请帮帮我！谢谢

【问题讨论】：

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

【讨论】：

【解决方案2】：

您不必为 rangeSelector 提供要使用的选项。您可以简单地调用：

chart.rangeSelector.clickButton(0, true);

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

要使用 clickButton()，您需要这样调用它...

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

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

【讨论】：