2013-02-22 20 views
17

Ich habe ein schönes Diagramm in Highcharts, in das der Benutzer hineinzoomen kann. Ich mag die eingebaute ZOOM RESET-Taste nicht wirklich und möchte meine eigene benutzerdefinierte Zoom-Reset-Taste in eine bereits vorhandene Navigationsleiste einfügen.highcharts hide zoom reset button, zoom zoom programmgesteuert zurücksetzen

Also meine Fragen sind: 1. Gibt es eine Möglichkeit, die Standard-Highcharts ZOOM RESET-Taste zu verstecken? 2. Gibt es eine Methode/Funktion, die ich aufrufen kann, um den ZOOM RESET durchzuführen? (Ich kann das von meinem eigenen Knopf klicken)

Antwort

32

Sie können resetZoomButton als display: none übergehen und zoomOut anrufen.

chart: { 
    resetZoomButton: { 
     theme: { 
      display: 'none' 
     } 
    } 
} 

$('#resetZoom').click(function() { 
    chart.zoomOut(); 
}); 

<input type="button" value="reset zoom" id="resetZoom"/> 

Demo

+1

Gibt es auch einen Rückruf Sie in, wenn die (individuelle) Zoomreset Taste, um zu bestimmen, kann der Haken/verstecken? – TSG

+1

das Ereignis gefunden (wählen) in den Diagrammoptionen. Für alle anderen. Ich wünschte, die Dokumentation wäre vollständiger! – TSG

+1

Sie können HC Callback verwenden, var chart = new Highcharts.Chart (Optionen, Funktion (Diagramm) { console.log ('Diagramm generiert'); }); –