RSS
 

Google Chart API(image)

27 Апр

Продолжаю изучать технологию построения диаграмм. Сегодня решил поговорить про статичные диаграммы.

Google Chart API возвращает изображение в формате PNG в качестве ответа на URL запрос в формате GET or POST. С использованием этой тежнологии.  Можно реализовывать различные диаграммы: в виде пирога, линии , столбов статистики, формул.Самым простым будет являться просто заключение URL в теги <img>. И открытие этого УРЛ браузером.Более подробную информацию по этому вопросу можно посмотреть у самого Гугла, правда на английском.
Лично мне понравилась сама идея формирования этого URL (всё просто и лаконично) :

Урл для каждой статичной диаграммы содержит общую  часть Standard Features, а также есть часть зависящая уже от типа диаграмм Chart-Specific Features

Свойства диаграммы



За каждое свойство отвечает свой ключ и в результате URL состоит из нескольких частей:

Chart-Specific Features

  • cht=s

Standard Features

  • chxt=x,y
  • chd=t:12,87,75,41,23,96,68,71,34,|98,60,27,34,56,79,58,74,18,76|84,23,69,81,47,94,60,93,64,54
  • chs=400×225

Ну и всё. Затем собрали всё в строчку, разделили &amp; , добавили УРЛ сервера к которому  реализуются GET или POST запросы и получили следующую ссылку. Просто , не правда ли.

<img src=»http://chart.apis.google.com/chart?cht=s&amp;chd=t:12,87,75,41,23,96,68,71,34,9|98,60,27,34,56,79,58,74,18,76|84,23,69,81,47,94,60,93,64,54
&amp;chxt=x,y&amp;chs=400×225«>

Scatter plot with default blue circle data points in different sizes as defined by a third data set
А если есть желание использовать анимированные диаграммы, то придётся использовать Google Chart API (javascript).

Гугл очень хорошо описал все возможности этой технологии и привёл много примеров. Если постараться можно всегда сделать нужную диаграмму . Я также разработал ряд инструментов, которые могут оказаться вам полезными. Ради тренировки и разнообразия в своей жизни написал свой online инструмент генерации УРЛ .Здесь можно познакомиться с URL  для 6 видов Scatter Chart диаграмм.

Google Bookmarks Reddit Technorati Yahoo My Web БобрДобр.ru Memori.ru МоёМесто.ru
 
Нет комментариев

Опубликовано в рубрике Google Chart Api and Seo

 

Прокомментировать

 
 
 
Система Orphus

Enter your email address:

Delivered by FeedBurner

.