Machen Sie RangeSelector in Dropdown-Highcharts

Question

Anstatt es wie die allgemeine Rangeselector-Anzeige anzuzeigen, gibt es eine Möglichkeit, es wie ein Dropdown zu machen? Schätzen Sie Ihre Hilfe dabei. Vielen Dank.

Answer 1

Sie können ausführende Modul verwenden, um eine benutzerdefinierte Schaltfläche mit einer Drop-Down-Funktion zu erzeugen. Innerhalb exporting.buttons.toggle Objekt können Sie menuItems Array erstellen, die Liste der Schaltflächen enthalten wird. Jede Taste hat ein onclick-Ereignis, mit dem Sie die Funktion rangeSelector.clickButton(index, redraw) aufrufen können, die für die Auswahl eines bestimmten Bereichs zuständig ist.

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

API-Referenz:
http://api.highcharts.com/highstock/exporting.buttons
http://api.highcharts.com/highstock/rangeSelector

Beispiel:
http://jsfiddle.net/8rrotg5a/

Schließlich können Sie Selektor ursprünglichen Bereich, zum Beispiel mit Hilfe von CSS verstecken