2013-02-22 3 views
17

У меня есть хорошая диаграмма в высоких диаграммах, которую пользователь может увеличить. Мне действительно не нравится встроенная кнопка ZOOM RESET, и я хотел бы добавить свою собственную кнопку сброса масштабирования в уже существующую навигационную панель.highcharts скрыть кнопку сброса изображения, запрограммировать сброс масштабирования программно

Так что мои вопросы таковы: 1. Есть ли способ скрыть экранные диалоги по умолчанию для ZOOM RESET? 2. Есть ли способ/функция, которую я могу вызвать для выполнения ZOOM RESET? (Я могу позвонить по этой ссылке, нажав кнопку)

ответ

32

Вы можете пройти resetZoomButton как display: none и позвонить по телефону zoomOut.

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

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

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

Demo

+1

Есть также обратного вызова вы можете подключить в, чтобы определить, когда, чтобы показать/скрыть кнопку zoomreset (под заказ)? – TSG

+1

нашел событие (выберите) в параметрах диаграммы. FYI для кого-то еще. Я хочу, чтобы документация была более полной! – TSG

+1

Вы можете использовать обратный вызов HC, var chart = new Highcharts.Chart (параметры, функция (диаграмма) { console.log ('chart generated'); }); –

Смежные вопросы