как я могу изменить цвет диаграммы после окончания анимации?
У меня есть диаграмма в старших чартах, где я устанавливаю новые данные в первой и единственной серии через setData()
, все работает нормально. Диаграмма имеет продолжительность анимации 1000 мс. Теперь я дополнительно хочу изменить цвет панели, если новое значение данных превышает 10. Мой подход заключается в следующем:
var x = 10
chart = $('#id_of_my_chart').highcharts();
chart.series[0].setData([ x ]);
if (x > 7) {
chart.series.update({ color: 'red' })
}
Проблема заключается в том, что update()
и setData()
выполняются одновременно, что означает, что оператор обновления series.update()
запускается до завершения анимации 1000 мсек setData()
и, таким образом, прерывает анимацию.
Моя цель - изменить цвет после анимации.
Мне известно о функциональности старшей диаграммы event: { afterAnimate: {} } }
, но я не смог заставить ее работать.
Кто-нибудь достиг этого?