HighCharts. Скрытие и программный вызов Reset zoom.


Не будем писать долгие вступительные речи и просто рассмотрим, как скрыть дефолтную и подключить кастомную кнопку Reset для Highcharts.

Реализация, на самом деле достаточно проста:
Сначала в параметрах диаграммы отключаем дефолтную кнопку:

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

Далее добавляем на страницу новую кнопку и вешаем на неё обработчик:

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

Разумеется, имеем ввиду, что объект диаграммы находится в переменной chart. Вот, собственно, и всё.

, ,

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *