11 flash-компонентов для построения графиков для rich web

Если вы занимаетесь разработкой интерфейсов, то наверняка сталкивались с необходимостью разместить на страницах вашего проекта график или диаграмму того или иного содержания и вида: в одном случае это мог быть график суточного отсева спам-сообщений, в другом – “живая” диаграмма, отображающая количество комментариев к вашей статье.

Пару-тройку лет назад на поверхности было негусто решений, позволяющих решить задачу, и разработчик, как правило вынужден был садиться за ман к GD, ImageMagick или иной библиотеке, позволявшей рисовать gif-файлы при помощи любимого скриптового языка. Интерактивности в таких решениях было не сильно много, при этом трудоемкость написания хорошего графопостроителя могла запросто заставить задуматься о целесообразности всего проекта.

Однако, ситуация меняется к лучшему, о чем я и решил написать. Итак, flash-средства построения графиков, чартов и диаграмм для веб. Они имеют единственный, правда весьма заметный недостаток – если у посетителя отключен флэш, он ничего не увидит. Если вы хотите подстраховаться – было бы неплохо проверять наличие включенного flash и отдавать либо статические графики, либо предупреждение о том, что нужно включить отображение flash.

Кстати, я установил Snap – стало ли от этого удобнее?

1. FusionCharts Free

Мощное и достаточно распространенное бесплатное средство для построения 22 типов графиков и диаграмм на страницах вашего сайта или интранета. Предлагается обертка для упрощения построения графиков на PHP. На сайте производителя существует шикарная документация с примерами использования для различных языков программирования и статического XML.

Для тех, кому всегда мало – имеется коммерческая версия FusionCharts, предлагающая дополнительные опции визуализации типа трехмерного освещения, еще 23 типа графиков и, как уверяет разработчик, полную поддержку AJAX/Javascript. Цены – от 69 до 4500 долларов.

Кроме бесплатного решения для разработчиков, FusionCharts предлагает воспользоваться своим компонентом в виде Google Gadget -визуального конструктора, позволяющего создать график и получить код для его размещения на страницах вашего сайта.

2. amCharts

Еще одно средство построения анимированных графиков на flash. Умеет строить кольцевые диаграммы, классические графики X-Y и многое другое. На сайте и в блоге разработчика приводятся образцы использования и документация. Имеется форум технической поддержки.

Существует бесплатная версия, с единственным ограничением – все графики будут содержать ссылку на сайт разработчика. Цена коммерческой версии начинается на уровне €85 за лицензию на использование в пределах одного домена.

3. AnyChart Flash Chart Component

Исключительно коммерческий и весьма недешевый (от $499 за лицензию на одного разработчика) flash-компонент для построения анимированных диаграмм. Предлагается более 60 типов графиков и ряд интересных опций – например, возможность сохранить график как картинку.После регистрации на сайте становится доступна пробная версия компонента.

Под катом – еще восемь flash-компонентов для построения графиков.

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. Andrew в комментариях к этой записи предложил еще один компонент: Ankord zxChart.

Это shareware-компонент стоимостью €15 предлагает следующие опции (далее – цитата с сайта разработчиков):

Поддерживает следующие типы диаграмм: Column, bar, pie, line, composite column

Многорядные диаграммы

Настраиваемые стили

Поддерживается всеми популярными браузерами

Может использоваться на любом web-сервере, под любой операционной системой.

Источником данных для построения диаграммы может быть статический файл или скрипт (PHP, ASP, Perl, и др.), расположенный на Вашем сервере или любом другом сервере в сети.

Возможно использование zxChart без web-сервера (в традиционных приложениях).

Автоматическое обновлени информации на диаграмме.

Изменение Масштаба (Zooming)

Для передачи данных для отрисовки используется собственный формат данных, который описан в прилагаемой документаци. Странно, что документация приложена только на английском языке, хотя производитель графиков, судя по всему, отечественный, что само по себе достойно похвалы. Ребятам не хватает правильного технического писателя и современного дизайна, чтобы встать в один ряд с упомянутыми выше решениями.

Итак, вашему вниманию были представлены 10 платных и бесплатных flash-компонентов для построения графиков. В следующий раз я постараюсь осветить средства для построения графиков при помощи Javascript – их тоже достаточно много, а функциональные возможности временами завораживают.

Все еще интересно? Подписывайтесь Кстати, было бы здорово услышать ваше мнение – комментируйте!

Похожих записей нет.