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

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

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

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

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

lesson

Все уроки курса:

Метки: , , , ,

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree