2009-04-27 5 views
45

Знаете ли вы, есть ли какая-либо библиотека графики SVG + js, похожая на http://www.amcharts.com/ (Flash). Мне нужно обеспечить приятную функциональность интерактивных диаграмм в браузере, который не поддерживает Flash, но поддерживает SVG.Sgg charting library

ответ

4

Вам нужно будет немного подробнее узнать о функциях, которые вам нужны, но вы можете посмотреть на PlotKit.

1

API визуализации google имеет некоторые диаграммы SVG, которые вы можете использовать http://code.google.com/apis/visualization Хотя это не avg-библиотека, она является диаграммой.

+1

Визуализации имеют некоторые ограничения, о которых вы должны быть осторожны, например, о том, что вам нужно подключение к Google. – nick

0

Raphaël также может быть полезен - ознакомьтесь с плагином gRaphaël-Charting - это действительно впечатляющие примеры.

1

Вы проверили ZingChart? Он отображает диаграммы в HTML5 Canvas, SVG и Flash (и VML для старого резерва IE).

Я нахожусь в команде. Вы можете связаться с нашей командой при поддержке zingchart.com с любыми вопросами или упомянуть/следовать за нами по адресу http://twitter.com/zingchart.

-Эндрит

75

В зависимости от лицензионных требований и особенности у вас есть несколько вариантов. SVG не поддерживается от IE 6 до IE8, поэтому вы можете найти некоторые библиотеки, использующие canvas для работы в IE, и другие, использующие VML для работы в IE.

  • Plotkit смешанная библиотека SVG + Canvas, последняя версия немного устарела (0.9.1 выпущен в 29 августа 2006) BSD лицензия.

  • Elycharts - это библиотека SVG + VML (с использованием RaphaelJS под капотом) с хорошим набором функций, интерактивностью и классной анимацией. (последняя версия 2.1.3 с декабря 2010 года).

  • g.raphael - это библиотека SVG + VML (с использованием RaphaelJS от того же автора RaphaelJS). Он очень хорош для инфографики, менее хорош для классических карт. (последняя версия 0.4.1 с 2009 года) Лицензия Mit.

  • Grafico - это еще одна библиотека SVG + VML (также основанная на RaphaelJS). Он имеет гораздо больше типов диаграмм, чем gRaphael или Elycharts, но меньше опций/конфигураций, чем Elycharts. MIT лицензирован.

  • Google Chart Tools содержит графики на основе SVG + VML. Это бесплатно, но я не нашел полных лицензионных условий. Он также предоставляет редактор (даже если его нелегко найти на своем сайте)

  • D3.js Является библиотекой JavaScript для обработки документов на основе данных. D3 помогает вам воплощать данные в жизнь с помощью HTML, SVG и CSS.

У вас также есть некоторые коммерческие опции:

  • ZingChart - это единственная библиотека позволяет SVG, VML, холст и вспышку для того, чтобы поддерживать все устройства там. Это дорого, но очень полно.

  • HighCharts - Очень полная библиотека SVG + VML, имеющая очень хорошую документацию и очень полный набор функций. Он имеет бесплатную лицензию для личного использования, но он показывает очень «строгую» интерпретацию личного и собственного блога, не может считаться «личным», поэтому я показываю его под «коммерческими вариантами».

+0

Я забыл написать о «Ико», другой библиотеке SVG + VML (Raphael). Вы можете найти его на github, потому что его сайт не работает: https: // github.com/uiteoi/ico –

+0

Еще одна коммерческая опция: SmartClient и SmartGWT поддерживают графики SVG + Canvas + VML от IE6, а также поддерживают мобильные (Android/IOS). См. Http://blog.isomorphic.com/html5-charts-with-mobile-support/ –

+1

Не забывайте, что оригинал опубликовал один - http://www.amcharts.com/ уже не просто вспышка. У них есть диаграммы javascript и flash, и вы можете использовать их бесплатно, если хотите ссылку. Мне это очень приятно. – Michael

2

Теперь amCharts обеспечивает SVG графики и по-прежнему генерировать флэш-карт для старых браузеров, которые не поддерживают SVG.

amCharts поддерживают все современные браузеры, включая современные версии Firefox, Chrome, Safari, Opera и Internet Explorer. Он также работает на мобильных устройствах, работающих на iOS (iPad, iPhone, iPod Touch) и Android Honeycomb.

Хорошо, а? http://www.amcharts.com/

+0

Кажется, теперь он возвращается к VML. – Nux

2

D3 - неплохая библиотека с открытым исходным кодом, использующая SVG.