2013-02-22 11 views
17

Mam ładną tabelę w highcharts, którą użytkownik może powiększyć. Naprawdę nie podoba mi się wbudowany przycisk ZOOM RESET i chciałbym dodać własny własny przycisk resetowania zoomu do już istniejącego paska nawigacji.highcharts ukryj przycisk resetowania zoomu, programowo wywołaj zoom resetuj

Moje pytania brzmią: 1. Czy istnieje sposób na ukrycie domyślnego przycisku ZOOM RESET highcharts? 2. Czy istnieje metoda/funkcja, którą mogę wywołać, aby wykonać ZOOM RESET? (Mogę to nazwać własnym kliknięciem przycisku)

Odpowiedz

32

Możesz podać resetZoomButton jako display: none i zadzwonić pod numer zoomOut.

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

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

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

Demo

+1

Czy tam też zwrotna można podłączyć w celu określenia, kiedy, aby pokazać/ukryć (niestandardowe) przycisk zoomreset? – TSG

+1

znaleziono zdarzenie (wybierz) w opcjach wykresu. FYI dla kogokolwiek innego. Szkoda, że ​​dokumentacja nie była kompletna! – TSG

+1

Można użyć oddzwonienia HC, wykres var = nowy Highcharts.Chart (opcje, funkcja (wykres) { console.log ("wygenerowany wykres"); }); –