Автор Тема: Google Chart - удобный инструмент для встраивания графиков и диаграмм на сайт  (Прочитано 7976 раз)

Марахтанов Алексей

  • Администратор
  • Постоялец
  • *****
  • Сообщений: 205
    • marahtanov.ru
Google Chart (http://code.google.com/intl/ru/apis/chart/) – невероятно удобный инструмент от Google, позволяющий быстро и бесплатно встраивать на сайт различного рода диаграммы и графики.

Встроить их очень просто – в качестве адреса изображения  в html-коде (атрибут src тега img) необходимо вставить примерно такой:

<img src="https://chart.googleapis.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World">
Набор параметров определяет, какая именно диаграмма отобразится.

Например, если вам захочется быстро вставить на сайт или в блог гистограмму, отображающую топ-5 наиболее часто используемых браузеров (используются данные из системы сбора статистики http://www.liveinternet.ru/ по просмотру сайтов категории «Интернет» за февраль 2011 года), необходимо указать вот такую ссылку на картинку:

http://chart.apis.google.com/chart?chf=bg,s,FFEAC0|c,lg,0,FFFF88,0,FFFF88,1&chxr=0,0,31&chxs=0,676767,11.5,1,lt,676767&chxtc=0,1&chxt=x&chbh=a,3,20&chs=400x200&cht=bhs&chco=AA0033&chds=0,31&chd=t:30.8,18.7,16.4,12.8,7&chdlp=l&chma=0,5|0,15&chm=tFirefox+3,FFFFFF,0,0,19,1|tOpera+11,000000,0,1,17,1|tExplorer+8,000000,0,2,17,1|tChrome,000000,0,3,17,1|tExplorer+7,000000,0,4,17,1&chtt=%D0%A2%D0%9E%D0%9F-5+%D0%B1%D1%80%D0%B0%D1%83%D0%B7%D0%B5%D1%80%D0%BE%D0%B2&chts=676767,16.5
И получить вот такой результат:




Чтобы не формировать ссылку на картинку вручную, можно воспользоваться средством Image Chart Editor (http://imagecharteditor.appspot.com/): этот инструмент сам сгенерирует код, по данным, введенным вами в соответствующие формы.

Основные преимущества использования Google Chart в проектах следующие:
  • не требуют установки на вашем сервере специальных библиотек для построения графика (которые, зачастую, не бесплатны или не установлены на сервере, оказывающем вам услуги хостинга);
  • не создают нагрузки на ваш сервер (поскольку вся обработка параметров и генерация изображения выполняются на серверах Google), при этом строятся очень быстро;
  • позволяют задавать множество различных параметров (типы диаграмм, цвета и размеры шрифта, отображение осей, подписей данных и т.п.), что позволяет использовать эти диаграммы практически для любых задач визуализации данных.

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

Источник: http://tools-20.blogspot.com/2011/03/google-chart_30.html
« Последнее редактирование: 10 Апрель 2011, 03:03:56 от Марахтанов Алексей »