Не будем писать долгие вступительные речи и просто рассмотрим, как скрыть дефолтную и подключить кастомную кнопку Reset для Highcharts.
Реализация, на самом деле достаточно проста:
Сначала в параметрах диаграммы отключаем дефолтную кнопку:
chart: {
resetZoomButton: {
theme: {
display: 'none'
}
}
}
Далее добавляем на страницу новую кнопку и вешаем на неё обработчик:
$('#resetZoom').click(function() {
chart.zoomOut();
});
Разумеется, имеем ввиду, что объект диаграммы находится в переменной chart. Вот, собственно, и всё.