2013-03-09 2 views
5

私はハイストックを使用しています。どのようにしてチャートのrangeSelectorを設定できますか? 私が使用してきました:ハイストックのrangeSelectorの設定方法

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

が、それはうまくいきませんでした。

私はこの例のように設定することを知っています:http://jsfiddle.net/Pffxt/2/ しかし、私は一度チャートを作成してシリーズを追加します。例のようなグラフを作成してシリーズを追加すると、rangeSelectorは機能しません。 私はこのように使用しなければならないと思います

私を手伝ってください! は.clickButton機能を使用し、代わりに.rangeSelector({settings})を使用してのあなたの

答えて

7

ありがとう:

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

ただし、この機能は、私が言うことができるものから、やや奇妙で文書化されていないように思われます。

それは次の引数を受け付けます:trueに

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

redrawデフォルトを、そしてiだけで視覚的にボタンのいずれかを選択します(それ以外の、何もしないようです)。パンとバターはrangeOptionsにあるようです。これは型と数を持つオブジェクトです。たとえば、上記の例では、最新の1か月を選択します。他の利用可能なオプションは次のとおりです。

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

しかし、ことはできません.destroy();レンジセレクタとは、あなたはおそらくそれが仕事を得るためにハッキングの少しをしなければならないでしょう、これはまだ動作していることに注意してください。

は、ここでそれを説明するJSFiddleです:あなたはrangeseletorオブジェクトを破壊する場合 http://jsfiddle.net/HFPr2/

+0

この方法では、ズーム領域ボタンの色が変わってしまい、機能的に機能しないようです。よろしくお願いします。私はこれを探していた。 –

0

は、存在しdoens'tオブジェクトを表示することはできません。だから、あなたが必要とするものだけをランジェリーセレクタで表示したいのであれば、それをhttp://api.highcharts.com/highstock#rangeSelector.enabledで有効にしてください。

0

clickButtonを(使用する)あなたはbuttonOptionsは[]の項目は、最初のパラメータに一致する

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

...このようにそれを呼び出す必要があります。

1

使用するオプションをrangeSelectorに指定する必要はありません。

chart.rangeSelector.clickButton(0, true); 

したがって、現在のオプションを使用している間、最初のボタンがクリックされます。

関連する問題