2013-03-09 6 views
5

Ich benutze Highstock. Wie kann ich den rangeSelector für das Diagramm festlegen? Ich habe verwendet:Wie setze ich einen rangeSelector für highstock

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

aber es hat nicht funktioniert.

Ich weiß es wie dieses Beispiel einzustellen: http://jsfiddle.net/Pffxt/2/ aber ich erstelle das Diagramm einmal und dann fügen Sie Serie hinzu. Wenn ich das Diagramm (wie im Beispiel) erstelle und Serien hinzufüge, funktioniert der rangeSelector nicht. Ich denke, ich muss wie verwenden ***

Bitte helfen Sie mir! Danke

Antwort

7

Statt .rangeSelector({settings}) verwenden, verwenden Sie die .clickButton Funktion:

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

Allerdings ist diese Funktion ein wenig seltsam zu sein scheint und ohne Papiere aus dem, was ich sagen kann.

Es folgende Argumente akzeptiert:

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

redraw standardmäßig true, und i wird nur optisch wählen Sie eine der Tasten (anders als das, so scheint es, nichts zu tun). Das Brot und Butter scheint in der Auswahl zu sein, die ein Objekt mit einem Typ und einer Anzahl ist. Im obigen Beispiel wählt es beispielsweise den letzten 1 Monat aus. Andere verfügbare Optionen sind:

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

Bitte beachten Sie aber, dass Sie nicht .destroy(); der Bereichswähler und haben diese immer noch funktionieren, würden Sie vielleicht haben ein wenig zu tun, Hacking, dass Arbeit zu bekommen. Hier

ist ein JSFiddle es darstellt: http://jsfiddle.net/HFPr2/

+0

Es scheint, dass diese Methode nur die Schaltfläche Zoombereich einfärbt und es funktioniert nicht funktional.Vielen Dank. Ich habe danach gesucht. –

0

Um die Click() verwenden Sie es so nennen müssen ...

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

Wo die buttonOptions [] Artikel den ersten Parameter übereinstimmt.

1

Sie müssen dem rangeSelector nicht die zu verwendenden Optionen zuweisen. Sie können einfach anrufen:

chart.rangeSelector.clickButton(0, true); 

So wird die erste Schaltfläche geklickt, während Sie die aktuellen Optionen verwenden.