Перерисовка диаграммы highcharts
17 ноября 2017 г. 7:50
Обычно графики highcharts автоматически перерисовываются при изменении размеров окна браузера, но бывают случаи, когда нужно принудительно перерисовать график.
Интуиция подсказывает, что нужно использовать метод .redraw()
, но, увы, возможно, это не сработает (как это случилось у меня). Мне, к примеру, нужно было перерисовывать диаграмму после сворачивания левой панели меню. Когда сворачивается или разворачивается меню, то ширина div-а изменяется и нужно автоматически подстраивать графики под новую ширину.
Для перерисовки диаграмм highcharts используйте метод .reflow()
:
$('..close').on('click.chart', function () { // вешаем событие click на кнопку сворачивания меню var $sb_chart = $('.sb_chart'); $.each($sb_chart, function () { // если у вас несколько графиков var chart = $(this).highcharts(); chart.reflow(); }); })
Представляю вашему вниманию книгу, написанную моим близким другом Максимом Макуриным: Секреты эффективного управления ассортиментом.
Книга предназначается для широкого круга читателей и, по мнению автора, будет полезна специалистам отдела закупок и логистики, категорийным и финансовым менеджерам, менеджерам по продажам, аналитикам, руководителям и директорам, в компетенции которых принятие решений по управлению ассортиментом.
Комментарии: 0