comment définir une gammeSelector pour highstock

Question

J'utilise highstock. Comment puis-je définir le rangeSelector pour le graphique? Je l'ai utilisé:

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

mais cela n'a pas fonctionné.

Je sais de le définir comme cet exemple: http://jsfiddle.net/Pffxt/2/ mais je crée le graphique une fois et ensuite ajouter des séries. Lorsque je crée le graphique (comme dans l'exemple) et que j'ajoute des séries, rangeSelector ne fonctionne pas. Je pense que je dois utiliser comme ***

S'il vous plaît aidez-moi! Merci

Answer 1

Au lieu d'utiliser .rangeSelector({settings}), utilisez la fonction .clickButton:

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

Cependant, cette fonction semble être un peu étrange et non documenté de ce que je peux dire.

Il accepte les arguments suivants:

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

redraw par défaut à true, et i sera visuellement il suffit de sélectionner l'un des boutons (autre que cela, il semble ne rien faire). Le pain et le beurre semble être dans la gammeOptions, qui est un objet avec un type et un nombre. Par exemple, dans l'exemple ci-dessus, il sélectionne le mois le plus récent. D'autres options disponibles sont:

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

Cependant, s'il vous plaît noter que vous ne pouvez pas .destroy(); le sélecteur de gamme et que ce travail soit encore, vous aurait peut-être faire un peu de piratage pour obtenir que pour travailler.

Voici un jsFiddle illustrant: http://jsfiddle.net/HFPr2/

Answer 2

Dans le cas où vous détruisez objet rangeseletor, il est impossible d'afficher l'objet qui doens't existe. Donc, si vous souhaitez afficher uniquement le gestionnaire de plages, il vous suffit de l'activer par http://api.highcharts.com/highstock#rangeSelector.enabled.

Answer 3

Pour utiliser le clickButton(), vous devez l'appeler comme ça ...

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

Lorsque le buttonOptions [] élément correspond au premier paramètre.

Answer 4

Vous n'avez pas besoin de définir les options à utiliser. Vous pouvez simplement appeler:

chart.rangeSelector.clickButton(0, true); 

Ainsi, le premier bouton sera cliqué en utilisant ses options actuelles.