Подтвердить что ты не робот

Библиотека графики Svg

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

4b9b3361

ОТВЕТЫ

Ответ 1

В зависимости от требований и функций лицензирования у вас есть несколько вариантов. 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 содержат графики на основе SVG + VML. Он бесплатный для использования, но я не нашел полного условия лицензирования. Он также предоставляет редактор (даже если его нелегко найти на своем сайте).

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

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

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

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

Ответ 2

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

Ответ 3

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

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

Хороший материал, да? http://www.amcharts.com/

Ответ 4

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

Ответ 5

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

Ответ 6

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

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

-Эндрю

Ответ 7

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