2013-03-09 3 views
5

Я использую highstock. Как настроить диапазон для диаграммы? Я использовал:Как установить диапазонВыбор для highstock

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

, но это не сработало.

Я знаю, чтобы установить его как этот пример: http://jsfiddle.net/Pffxt/2/ , но я создаю диаграмму один раз, а затем добавляю серию. Когда я создаю диаграмму (например, пример) и добавляю серию, RangeSelector не работает. Я думаю, что мне нужно использовать как ***

Пожалуйста, помогите! Спасибо

ответ

7

Вместо использования .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 по умолчанию истина, и i будет просто визуально выбрать один из кнопок (кроме этого, кажется, ничего не делать). Хлеб и масло, кажется, находятся в диапазонеOptions, который является объектом с типом и количеством. Например, в приведенном выше примере он выбирает последние 1 месяц. Другие доступные опции:

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

Однако, обратите внимание, что вы не можете .destroy(); селектор диапазона и есть это по-прежнему работать, вы, возможно, придется сделать немного взлома, чтобы получить, чтобы работать.

Вот JSFiddle его иллюстрации: http://jsfiddle.net/HFPr2/

+0

Кажется, что этот метод просто окрашивает кнопку области масштабирования, и она не работает функционально. Благодарю вас. Я искал это. –

0

В случае, когда вы уничтожаете объект rangeseletor, не представляется возможным, чтобы отобразить объект, который doens't существует. Поэтому, если вам нравится отображать rangeselector, только то, что вам нужно, это включить его на http://api.highcharts.com/highstock#rangeSelector.enabled.

0

Чтобы использовать ClickButton() вы должны назвать его, как это ...

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

Где buttonOptions [] пункт соответствует первому параметру.

1

Вам не нужно указывать диапазон выбора инструментов для использования. Вы можете просто позвонить:

chart.rangeSelector.clickButton(0, true); 

Таким образом, первая кнопка будет нажата при использовании ее текущих параметров.

Смежные вопросы