Динамически создавать диаграммы с помощью Google Chart

Среди множества сервисов, предлагаемых Google, есть также Chart, с помощью которого можно динамически генерировать диаграммы всех видов. Например, попробуйте нажать ВОЗ: Google Chart немедленно создаст круговую диаграмму в виде изображения .PNG.

Но попробуйте скопировать URL-адрес в адресной строке и изучить его: в нем содержится вся информация, которая будет передана в Google для генерации графической схемы. Среди различных параметров сразу распознаются размерность, присваиваемая графику (переменная chs), значения элементов (chd)., их названия (chl).

Разработчик уже понял полезность такого сервиса: используя самые разрозненные языки программирования, достаточно динамически передать нужные значения в Google Chart, чтобы тут же получить график, содержащий всю переданную информацию.

Переменная cht сообщает Google Chart, какой тип диаграммы использовать.

Также обратите внимание, что метки (chl) разделены вертикальной чертой (|), а значения (chd) — запятой.


Чтобы включить диаграмму, сгенерированную Google Chart, на любую html-страницу, просто используйте следующий код:
Эта страница).

На этот адрес Вместо этого можно найти в списке все типы диаграмм, которые можно создать с помощью Google Chart. Если для запроса построения круговой диаграммы достаточно присвоить параметру cht значение p3, например, для запроса гистограммы достаточно использовать значения bhs или bvs, в зависимости от того, должны ли бары отображаться горизонтально или вертикально.

Вставив некоторые дополнительные параметры в URL-адрес, передаваемый в Google Chart, можно свободно настраивать цвета, стили и другие интересные настройки.

Похожие записи

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

Ваш адрес email не будет опубликован.