web-dev-qa-db-ger.com

Svg-Diagrammbibliothek

Wissen Sie, ob es eine SVG + js-Chartbibliothek gibt, ähnlich wie http://www.amcharts.com/ (Flash)? Ich muss in einem Browser, der kein Flash unterstützt, aber SVG unterstützt, eine interaktives Diagramm mit schön aussehenden Funktionen bereitstellen.

45
mleica

Abhängig von den Lizenzanforderungen und Funktionen stehen Ihnen einige Optionen zur Verfügung. SVG wird von IE 6 bis IE8 nicht unterstützt. Daher finden Sie möglicherweise einige Bibliotheken, die Canvas für die Ausführung im IE verwenden, und andere, die VML zur Ausführung im IE verwenden.

  • Plotkit ist eine gemischte SVG + Canvas-Bibliothek. Die neueste Version ist etwas veraltet (0.9.1, veröffentlicht am 29. August 2006). BSD-Lizenz.

  • Elycharts ist eine SVG + VML-Bibliothek (unter Verwendung von RaphaelJS unter der Haube) mit guten Funktionen, Interaktivität und coolen Animationen. (letzte Version 2.1.3 vom Dezember 2010) Mit lizenziert.

  • g.raphael ist eine SVG + VML-Bibliothek (unter Verwendung von RaphaelJS vom selben Autor von RaphaelJS). Es ist sehr gut für Infografiken, weniger für klassische Karten. (letzte Version 0.4.1 von 2009) Mit Licensed.

  • Grafico ist wieder eine SVG + VML-Bibliothek (wieder auf RaphaelJS basierend). Es hat viel mehr Diagrammtypen als gRaphael oder Elycharts, aber weniger Optionen/Konfigurierbarkeit als Elycharts. MIT lizenziert.

  • Google Chart Tools bietet SVG + VML-basierte Diagramme. Die Nutzung ist kostenlos, aber ich habe nicht die vollständigen Lizenzbedingungen gefunden. Es bietet auch einen Editor (auch wenn es auf ihrer Website nicht leicht zu finden ist)

  • D3.js Ist eine JavaScript-Bibliothek zur Bearbeitung von Dokumenten, die auf Daten basieren. D3 hilft Ihnen, Daten mithilfe von HTML, SVG und CSS zum Leben zu erwecken. 

Sie haben auch eine kommerzielle Option:

  • ZingChart - Dies ist die einzige Bibliothek, die SVG, VML, Canvas und Flash zulässt, um jedes Gerät da draußen zu unterstützen. Es ist teuer, aber sehr vollständig.

  • HighCharts - Eine sehr vollständige SVG + VML-Bibliothek mit einer sehr guten Dokumentation und einem sehr vollständigen Funktionsumfang. Es hat eine kostenlose Lizenz für den persönlichen Gebrauch, zeigt jedoch eine sehr "strenge" Interpretation des persönlichen und Ihres eigenen Blogs wird möglicherweise nicht als "persönlich" betrachtet, deshalb zeige ich es unter "kommerzielle Optionen".

75
Stefano Bagnara

Sie müssen sich etwas genauer mit den Funktionen befassen, die Sie benötigen, aber Sie möchten vielleicht PlotKit betrachten.

4
Brian Campbell

D3 ist eine recht gute Open-Source-Chartbibliothek, die SVG verwendet.

2
Pascalius

Jetzt bietet amChartsSVG-Diagramme und erstellt immer noch Flash-Diagramme für alte Browser, die SVG nicht unterstützen.

amCharts unterstützt alle modernen Browser, einschließlich der modernen Versionen von Firefox, Chrome, Safari, Opera und Internet Explorer. Es läuft auch auf mobilen Geräten, die mit iOS (iPad, iPhone, iPod Touch) und Android Honeycomb betrieben werden.

Gutes Zeug, nicht wahr? http://www.amcharts.com/

2
Eduardo Leitao

Haben Sie ZingChart ausgecheckt? Es werden Diagramme in HTML5 Canvas, SVG und Flash (und VML für alten IE Fallback) dargestellt.

Ich bin im Team. Sie können unser Team unter support [at] zingchart.com bei Fragen erreichen oder uns unter http://Twitter.com/zingchart erwähnen/folgen.

-Under

1
agbegin

Die Google-Visualisierungs-API verfügt über einige SVG-Diagramme, die Sie verwenden können: http://code.google.com/apis/visualization Obwohl dies keine avg-Bibliothek ist, handelt es sich um ein Diagramm.

1
Yoah

Raphaël könnte auch nützlich sein - check gRaphaël — Charting Plugin - es hat wirklich beeindruckende Beispiele.

0
nc3b