Как и обещали, публикуем рассказ о Google Chart!
Google Chart (http://code.google.com/intl/ru/apis/chart/) – невероятно удобный инструмент от Google, позволяющий быстро и бесплатно встраивать в сайт различного рода диаграммы и графики.
Встроить их очень просто – в качестве адреса изображения в html-коде (атрибут src тега img) необходимо вставить примерно такой:
Набор параметров определяет, какая именно диаграмма отобразится.
Например, если вам захочется быстро вставить на сайт или в блог гистограмму, отображающую топ-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 в проектах следующие:
В проекте Tools 2.0 инструмент Google Chart используется для вывода статистики использования инструментов в профиле пользователя:
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), при этом строятся очень быстро;
- позволяют задавать множество различных параметров (типы диаграмм, цвета и размеры шрифта, отображение осей, подписей данных и т.п.), что позволяет использовать эти диаграммы практически для любых задач визуализации данных.
В проекте Tools 2.0 инструмент Google Chart используется для вывода статистики использования инструментов в профиле пользователя:
Комментариев нет:
Отправить комментарий