Урок 4. Анимирование графиков

Дата публикации: 26-02-2015

Чтобы иметь доступ к просмотру всех уроков этого курса, оформите подписку в премиум раздел

От автора: В этом уроке мы продолжим работу с API Google-диаграмм (Google Charts). Итак, мы уже можем получать данные из внешнего хранилища и строить по ним диаграммы. Теперь давайте добавим привлекательности, используя возможности анимации в API Google Charts.

Для реализации анимации графика мы должны отрисовывать график дважды. Первый раз он будет отрисован с нулевыми данными, т.е. фактически на странице мы увидим только шкалу для графика. Во второй раз график будет отрисован по реальным данным. Для этого нам необходимо дважды вызывать метод draw(), передавая объект data с различными данными (нулевыми и реальными).

Сразу стоит отметить, что анимацию поддерживают не все виды диаграмм. Например, круговая диаграмма (PieChart) не поддерживает возможности анимации, а вот столбцовая диаграмма (ColumnChart) позволяет использовать анимирование.