Загрузка анимации в Highcharts после setdata

Я использую диаграммы Highcharts, и я использую .setData для обновления данных на графике.

Все работает нормально, но я хотел бы использовать анимацию загрузки (где линейная диаграмма рисуется слева направо), которая будет запускаться каждый раз, когда я reset данные. Есть ли способ вызвать эту анимацию?

Ответ 1

Вы можете удалить фактическую серию и добавить новую. Первоначальная анимация отличается от всех остальных (путь клипа анимируется, а не сама серия).

См. пример: http://jsfiddle.net/UTC6e/2/

    chart.series[0].remove();
    chart.addSeries({data:[229.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]} );

Ответ 2

В ссылка api Я вижу метод setVisible(): "Функция утилиты для отображения или скрыть серию с необязательным перерисовкой"., Я думаю, что вы ищете?

UPDATE: добавлен JS Fiddle, см. http://jsfiddle.net/UTC6e/1/

Итак, вы можете сначала установитьVisible в false, а затем установить новые данные, а в конце setVisible в true и сообщить диаграмме перерисовать (второй логический аргумент).

chart.series[0].setVisible(false);
chart.series[0].setData([229.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4] );
chart.series[0].setVisible(true, true);

Ответ 3

Вы можете просто вручную вызвать метод перерисовывания:

chart.redraw();