Продолжаю изучать технологию построения диаграмм. Сегодня решил поговорить про статичные диаграммы.
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
Ну и всё. Затем собрали всё в строчку, разделили & , добавили УРЛ сервера к которому реализуются GET или POST запросы и получили следующую ссылку. Просто , не правда ли.
<img src=»http://chart.apis.google.com/chart?cht=s&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
&chxt=x,y&chs=400×225«>
А если есть желание использовать анимированные диаграммы, то придётся использовать Google Chart API (javascript).
Гугл очень хорошо описал все возможности этой технологии и привёл много примеров. Если постараться можно всегда сделать нужную диаграмму . Я также разработал ряд инструментов, которые могут оказаться вам полезными. Ради тренировки и разнообразия в своей жизни написал свой online инструмент генерации УРЛ .Здесь можно познакомиться с URL для 6 видов Scatter Chart диаграмм.