RangeSelectorをドロップダウンにするハイチャート

Question

一般的なRangeselectorディスプレイのように表示するのではなく、ドロップダウンのようにする方法はありますか？これであなたの助けを感謝します。ありがとうございました。

Answer 1

ドロップダウン機能を備えたカスタムボタンを生成するためにエクスポートするモジュールを使用することができます。 exporting.buttons.toggleオブジェクトの中には、menuItemsの配列を作成することができます。この配列にはボタンのリストが含まれます。各ボタンには、rangeSelector.clickButton(index, redraw)の機能を呼び出すことができるonclickイベントがあり、特定の範囲を選択します。

.highcharts-range-selector-buttons { 
    visibility: hidden; 
} 

APIリファレンス：
http://api.highcharts.com/highstock/exporting.buttons
http://api.highcharts.com/highstock/rangeSelector

例：
http://jsfiddle.net/8rrotg5a/

最後に、あなたは、例えばCSSを使用して、オリジナルのレンジセレクタを非表示にすることができます