Generierung von SVG-Diagrammen in JavaScript

8

Ich suche nach einer Möglichkeit, Kreisdiagramme mit SVG zu erstellen.

Die Zahlen, die ich habe, sind einfach genug - nur Prozentzahlen, ein Zahlenfeld, das sich offensichtlich zu 100 addiert.

Ich habe ein grundlegendes Verständnis von SVG, aber ich kann mir nicht vorstellen, wie ich diese Zahlen in sinnvolle Koordinaten umwandeln soll, um sie im Pfad-Tag zu verwenden

Kann mir jemand auf ein nützliches Dienstprogramm oder eine nützliche Bibliothek verweisen oder irgendwelche Hinweise geben, wie ich Prozentsätze verwenden kann, um ein Tortendiagramm zu zeichnen - in JavaScript?

    
BusterLuke 31.08.2011, 18:00
quelle

4 Antworten

17

Dank an Ссылка und Ссылка (Beachten Sie, dass der letzte einen Bug hat, der hier behoben wurde)

%Vor% %Vor% %Vor%
    
Janus Troelsen 23.03.2013 00:40
quelle
6

Hier sind ein paar mehr:

  • Elycharts (basierend auf jQuery und Raphaël, MIT-Lizenz)
  • ZingCharts (kommerziell, hat SVG / VML / HTML5 / Flash-Backends)
  • Grafico (basierend auf Prototype und Raphaël, MIT-Lizenz)
  • d3.js (sehr schöne Bibliothek für interaktive und dynamische Graphen, MIT-artig Lizenz )

Ich versuche, Links zu allen SVG-Grafikbibliotheken hier zu sammeln.

    
Erik Dahlström 31.08.2011 20:58
quelle
3

Raphael ist eine sehr gute SVG Zeichnungsbibliothek - insbesondere schlägt es die anderen, weil es in älteren Versionen von IE automatisch zurückfällt VML zu verwenden, und daher funktioniert es in IE ab Version 6 und höher, sowie in allen anderen gängigen Browsern.

Es hat eine separate Grafikbibliothek namens gRaphael . Dies macht alle üblichen Graphtypen (Pasteten, Linien, Balken usw.) und kann sie auch animieren.

Wenn das nicht genug ist, ist es einfach genug, die Raphael-Hauptbibliothek zu verwenden, um Ihre eigenen zu rollen - es ist sehr einfach zu bedienen.

    
Spudley 31.08.2011 21:06
quelle
1

Die besten (IMO): Highcharts

Andere, von denen ich gehört habe:

Chad 31.08.2011 18:03
quelle

Tags und Links