Study & DevО программировании и не только

Эта статья завершит собой рассказ о методиках внедрения в html-страницы графиков, диаграмм, а также рассказ о javascript библиотеках, умеющих “рисовать” красивые и интерактивные изображения таких структур данных как графы и деревья. В прошлой статье я начал рассказ об одной из самых лучших библиотек подобного плана – jit. Read more...

Согласно своему определению диаграмма (от греч. diagramma — изображение, рисунок, чертеж) - это графическое изображение, наглядно показывающее соотношение каких-либо величин. Прошлые две статьи серии были посвящены классическим видам диаграмм, т.е. линейным и столбчатым. Сегодня же я начну знакомство с парой javascript библиотек, служащих не для показа соотношения каких-либо величин, а для отображения их структуры, связей и взаимодействия. Read more...

Я продолжаю начатый в прошлой статье рассказ о том, как с помощью javascript, без использования “тяжелых” серверных скриптов на php, или flash-роликов создавать и внедрять в html-странички картинки диаграмм и графиков Сегодня я завершу повествование об основных функциях библиотеки flot и посвящу материал всевозможным “красивостям”, т.е. тому как можно управлять внешним видом серий данных на диаграмме, настраивать внешний вид легенды диаграммы и ее фона. Read more...

Нет лучшего и более наглядного способа отображения больших таблиц с числовыми данными, чем отображение их в виде диаграмм или графиков. Применительно к отображению диаграмм на веб-страницах у разработчиков есть и богатство подходов и конкретных инструментов, позволяющих внедрять на html-страницы не только красивые, но и обладающие некоторой долей интерактивности диаграммы. Осенью 2007 года я уже поднимал вопрос о том, как мы можем внедрять в html-страницы диаграммы. Тогда серия из двух статей была посвящена методике, когда диаграммы строились на стороне сервера, т.е. некий php-скрипт генерировал статическую картинку диаграммы и отдавал ее браузеру клиента. В ряде случаев, когда нас не устраивала статическая картинка, то использовался подход с flash-роликом внедренным в страницу, который сначала загружал с сервера поток данных в виде xml или json массива, а затем рисовал диаграмму. Сегодняшняя статья рассмотрит третий подход, когда графики строятся без использования “тяжелой артиллерии” - с помощью javascript. Read more...