Если вы занимаетесь разработкой интерфейсов, то наверняка сталкивались с необходимостью разместить на страницах вашего проекта график или диаграмму того или иного содержания и вида: в одном случае это мог быть график суточного отсева спам-сообщений, в другом – “живая” диаграмма, отображающая количество комментариев к вашей статье.
Пару-тройку лет назад на поверхности было негусто решений, позволяющих решить задачу, и разработчик, как правило вынужден был садиться за ман к GD, ImageMagick или иной библиотеке, позволявшей рисовать gif-файлы при помощи любимого скриптового языка. Интерактивности в таких решениях было не сильно много, при этом трудоемкость написания хорошего графопостроителя могла запросто заставить задуматься о целесообразности всего проекта.
Однако, ситуация меняется к лучшему. Итак, flash-средства построения графиков, чартов и диаграмм для веб. Они имеют единственный, правда весьма заметный недостаток – если у посетителя отключен флэш, он ничего не увидит. Если вы хотите подстраховаться - было бы неплохо проверять наличие включенного flash и отдавать либо статические графики, либо предупреждение о том, что нужно включить отображение flash.
1. FusionCharts Free
Мощное и достаточно распространенное бесплатное средство для построения 22 типов графиков и диаграмм на страницах вашего сайта или интранета. Предлагается обертка для упрощения построения графиков на PHP. На сайте производителя существует шикарная документация с примерами использования для различных языков программирования и статического XML.
Для тех, кому всегда мало – имеется коммерческая версия FusionCharts v3, предлагающая дополнительные опции визуализации типа трехмерного освещения, еще 23 типа графиков и, как уверяет разработчик, полную поддержку AJAX/Javascript. Цены - от 69 до 4500 долларов.
Кроме бесплатного решения для разработчиков, FusionCharts предлагает воспользоваться своим компонентом в виде Google Gadget -визуального конструктора, позволяющего создать график и получить код для его размещения на страницах вашего сайта.
2. amCharts
Еще одно средство построения анимированных графиков на flash. Умеет строить кольцевые диаграммы, классические графики X-Y и многое другое. На сайте и в блоге разработчика приводятся образцы использования и документация. Имеется форум технической поддержки.
Существует бесплатная версия, с единственным ограничением – все графики будут содержать ссылку на сайт разработчика. Цена коммерческой версии начинается на уровне $85 за лицензию на использование в пределах одного домена.
3. AnyChart Flash Chart Component
Исключительно коммерческий и весьма недешевый (от $499 за лицензию на одного разработчика) flash-компонент для построения анимированных диаграмм. Предлагается более 60 типов графиков и ряд интересных опций – например, возможность сохранить график как картинку.После регистрации на сайте становится доступна пробная версия компонента.
4. Flash Charts Pro
Еще один коммерческий компонент. Цены – от $59 до $1299. Данные берет из XML, умеет обновляться по вызову Javascript-функции. Доступна пробная версия.
5. Swiff Chart Generator
Очередной коммерческий компонент (от $899 на один сервер). Много различных визуальных стилей для шести типов графиков. Существует возможность интеграции в приложение, написанное на ASP.NET/PHP/JSP/ColdFusion. Имеется пробная версия.
6. XML/SWF Chart и PHP/SWF Chart
Один из старожилов на рынке flash-графиков. По сути, один и тот же визуальный flash-компонент, использующий разные методы загрузки данных: в первом случае используется статический XML-файл, во втором - предлагается использовать обертку на PHP. Имеется бесплатная версия, но она с подвохом: щелчок по графику уведет вашего посетителя на сайт разработчика графиков без предупреждения. Стоимость весьма гуманна: от $45 за использование в пределах одного домена до $550 за неограниченное использование и право редистрибуции в рамках собственных проектов.
7. Open Flash Chart (OFC)
Шикарное и абсолютно бесплатное решение, позволяющее строить массу различных графиков. Прекрасно стилизовано и документировано. Все графики снабжены примерами. Имеется обертка на PHP.
8. ASTRA Charts
Решение от Yahoo! Developer Network. Разработчику дана полная свобода в самовыражении - можно скачать файлы *.fla. Традиционно для Yahoo – весьма бедный визуальный стиль, используемый по умолчанию, но куча возможностей именно для flash-разработчика/дизайнера. Инструмент распространяется на условиях Yahoo TOS.
9. Yahoo! UI Library: Charts
Еще одно решение от Yahoo, позволяющее визуализировать табличные данные в различных форматах. Как и Astra, распространяется на условиях Yahoo TOS. Что приятно, скрипты, реализующие решение можно брать непосредственно с серверов YUI до тех пор, пока вы пользуетесь компактными (minified) скриптами. Для отладки потребуется разместить файлы на своем хостинге. Поддерживается XMLHTTP для асинхронного обновления графиков.
10. Rich chart Live
Это решение, как и FusionCharts: Google gadget подойдет тем, кому не нужно самому программировать вывод графиков – мы имеем дело с онлайн-конструктором графиков. Введите данные в таблицу, выберите стиль графика и вариант оформления и получите код для блога или флэш-объект для размещения на страницах вашего сайта. Быстро, удобно и красиво. Помимо конструктора, компания разработчик так же предлагает коммерческий оффлайн конструктор для построения графиков – Rich chart builder.
11. Ankord zxChart
Это shareware-компонент стоимостью $15 предлагает следующие опции:
Поддерживает следующие типы диаграмм: Column, bar, pie, line, composite column
Многорядные диаграммы
Настраиваемые стили
Поддерживается всеми популярными браузерами
Может использоваться на любом web-сервере, под любой операционной системой.
Источником данных для построения диаграммы может быть статический файл или скрипт (PHP, ASP, Perl, и др.), расположенный на Вашем сервере или любом другом сервере в сети.
Возможно использование zxChart без web-сервера (в традиционных приложениях).
Автоматическое обновлени информации на диаграмме.
Изменение Масштаба (Zooming)
Для передачи данных для отрисовки используется собственный формат данных, который описан в прилагаемой документаци. Странно, что документация приложена только на английском языке, хотя производитель графиков, судя по всему, отечественный, что само по себе достойно похвалы. Ребятам не хватает правильного технического писателя и современного дизайна, чтобы встать в один ряд с упомянутыми выше решениями.
