Я хочу включить некоторые диаграммы на свой сайт, и я ищу хороший кросс-браузерный графический пакет - каковы мои варианты?
Какие пакеты для кросс-браузера доступны?
Ответ 1
Я предпочитаю jQuery one:
http://www.flotcharts.org/
Ответ 2
API диаграммы Google действительно мощный, и в отличие от флота не зависит от включенности javascript.
Ответ 3
Можете ли вы немного описать, какие графики стиля вы ищете? Понятно, что простые диаграммы, такие как линейные, штриховые и круговые диаграммы, более широко применяются. Если вы ищете более сложные, такие как gantt, sparklines или диаграммы потоков данных в реальном времени/данных, они существенно сужают ваши варианты.
Что касается совместимости с браузером, то Flash и HTML-холсты очень хорошо поддерживаются, и большинство людей смогут просматривать диаграммы, если вы используете любой способ доставки.
Существует несколько бесплатных графических решений для флеш-карт, которые работают превосходно.
-
Мне было очень легко работать с FusionCharts, и они также выпустили много бесплатных лицензий. См.: http://www.fusioncharts.com/free/Gallery.asp
-
Также см. диаграммы PHP/SWF: http://www.maani.us/charts/index.php
Графики XML/SWF доступны для загрузки и использовать. Бесплатная, незарегистрированная версия содержит все функции, кроме:
- Clicking a chart takes the user to the XML/SWF Charts web site. - No displaying charts inside another flash file. - No technical support, and no product updates by e-mail.
"Переадресация кликов заставляет меня предпочесть фьюжн-карты
- Google выпустил диаграммы (http://code.google.com/apis/chart/), а также Yahoo (http://developer.yahoo.com/yui/charts), но лично я предпочитаю хранить исходные файлы swf вместе с моим сайтом. Дополнительная пропускная способность не такая большая.
Затем, как упомянул Джастин Нисснер, есть также Открыть флеш-диаграмму.
Если вы предпочитаете маршрут HTML Canvas, попробуйте:
- http://code.google.com/p/flot/ (как упоминал Андрейс Кайников)
- http://www.liquidx.net/plotkit/
Если вы используете PHP, здесь один: http://naku.dohcrew.com/libchart/
Если Ни один из выше не является жизнеспособным вариантом, и вам нужна действительно простая диаграмма (строка, строка), тогда рассмотрите использование графиков CSS:
- http://grassegger.at/xperimente/charts-daten-semantik-css/
- oops, забыли добавить граф строк css. Вот он: http://cssglobe.com/post/4175/pure-css-line-graph
Ответ 4
Не совсем графическая, но облегченная графическая библиотека кросс-браузера SVG/VML: raphaeljs.com.
Очень легко сделать графики.
Ответ 5
Еще одно решение для Flash и наличных денег - amCharts.
Ответ 6
Если вы считаете, что Flash - это кросс-браузер и не против тратить деньги, это хороший вариант:
Ответ 7
Почему бы вам не попробовать jQuery Visualize. Это очень просто реализовать, все, что вам нужно, это таблица с вашими данными, а затем в JavaScript вызывать плагин и бам, он будет работать.
Для поддержки кросс-браузера они говорят:
Мы тестировали этот плагин в следующие браузеры: IE6, IE7, IE8, Firefox 2, Firefox 3.5, Safari 3 и 4, Opera 9.
Ответ 8
Пойдем с gchart.
Я использовал это в нескольких браузерах.
Ответ 9
Если это возможно для вашего проекта, вы также можете проверить некоторые из флеш-карт, например Открыть флеш-карту.
Вы также можете попробовать использовать некоторые функциональные возможности Flex.
Таким образом, независимо от того, какой браузер использует ваш пользователь, вы работаете в среде с постоянным контентом.
Ответ 10
Flot приятно. Не самая полнофункциональная система построения диаграмм, но она делает то, что она делает действительно хорошо.
Ответ 11
ДиаграммаDojo также работает нормально (и использует SVG/VML, а не Canvas/ExCanvas, что означает, что вы можете делать с ним более смелые вещи, если вы посмотрите на его внутренности), но флот лучше программировать с помощью imo.
Ответ 12
Я бы второй Open Flash Chart, я использовал его широко и особенно рекомендовал DZ исправленную версию на OFC-2.
Вы можете увидеть его в использовании Red5 Analytics Demo
Ответ 13
Вы можете использовать SVG для этого. К сожалению, IE не может отображать его без установки стороннего стороннего надстройки.
Ответ 14
Ответ 15
Для истинной поддержки кросс-браузера я бы рекомендовал графические графики, сгенерированные на сервере.
Если это невозможно, используйте плагины на основе Flash. Это наиболее широко поддерживаемое решение для клиентов. В противном случае обратитесь к Javascript - для этого могут потребоваться HTML5 или браузеры, отличные от IE, или..
Если вы ищете простой график в таблице HTML, см. здесь. Далеко не рекомендуется!
Ответ 16
Это может помочь вам: