9 großartige JavaScript-Framework-Skripte zum Zeichnen von Diagrammen im Web

1. Flot

Flot ist ein reines Javascript-Framework zum Zeichnen von Diagrammen basierend auf dem jQuery-Framework. Es kann verschiedene Grafiken sofort auf der Clientseite zeichnen und generieren. Wichtig sind die Benutzerfreundlichkeit (mit zahlreichen optionalen Einstellungen), die attraktive Optik und interaktive Funktionen wie Diagrammzoom und Mausverfolgung. Dieses JavaScript-Framework ist für die bekannten Browser Internet Explorer 6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ und Konqueror 4.x+ geeignet. Beispieldiagramm anzeigen

2. JS-Diagramme

JS Chart ist ein kostenloser Diagrammgenerator auf Javascript-Basis, der kaum oder gar keine handschriftliche Codierung erfordert. Mit JS Chart können Sie Ihre Aufgabe der Diagrammerstellung problemlos erledigen, da Sie nur clientseitige (d. h. browserseitige) Skripte ohne zusätzliche Plug-Ins oder serverseitige Module verwenden müssen. Sie müssen nur das JS-Diagrammskript und das XML- oder Javascript-Array mit den Diagrammdaten vorbereiten, und schon ist Ihr Diagramm fertig.

3. TabelleZuChart

TableToChart ist ein Web-Diagrammgenerator, der auf dem MooTools JS-Framework basiert. Er zeichnet grafische Diagramme unter Verwendung der in einer HTML-Tabelle enthaltenen Werte. Mit dem Tabellentag können Sie Balken-, Linien- und Kreisdiagramme erstellen.

4. PlotKit

PlotKit ist ein Javascript-Framework zum Zeichnen von Diagrammen und Grafiken. Es unterstützt HTML Canvas, SVG basierend auf Adobe SVG Viewer und lokale Browser.

5. Yahoo UI-Diagrammsteuerung

YUI Chart Manager kann Diagramme in Form von vertikalen Balken, horizontalen Balken, Linien, Kreisdiagrammen usw. auf Webseiten visualisieren. Zu den wichtigsten Funktionen gehören die Unterstützung von DataSource, Mouse-Over-Datentipps, kombinierte Diagramme und Skin-Funktionen.

6. ProtoChart

ProtoChart ist ein auf Prototype und Canvas basierendes Open-Source-Framework, mit dem sehr schöne Diagramme erstellt werden können. Es unterstützt das Verbinden mehrerer Daten wie Linien-, Balken-, Kreis-, Kurven-, gemischte (Mix) und Oberflächendiagramme in einem einheitlichen Graphen. Es unterstützt IE6/7, FF2/3 und Safari und funktioniert sogar auf dem iPhone.

7. EJSChart

EJSChart unterstützt Mausverfolgung, Mausereignisse, Tastaturverfolgung und -ereignisse, Zoomen, Scrollen und Fadenkreuze, um das Gefühl der Interaktivität zu erhöhen und das Benutzererlebnis von Webdiagrammen auf ein höheres Niveau zu bringen. Sie können aus verschiedenen Diagrammtypen wählen: Linien-, Flächen-, Streudaten-, Kreis- und Funktionsreihendiagramm. Jedes Detail des Diagramms kann angepasst werden.

8. fgCharting

fgCharting ist ein einfacher Diagrammgenerator, der auf dem jQuery-Framework basiert. Er unterstützt auch verschiedene Diagrammtypen und kann Parameter anpassen.

9. Reines CSS-Datendiagramm

Wie wäre es mit diesem Diagramm, das mit reinem CSS-Code implementiert wurde? Es ist unglaublich, oder? Möchten Sie wissen, wie es implementiert ist? Dann schauen Sie sich dieses Tutorial zum Erstellen von Diagrammen mit reinem CSS an.

Englisches Original: Nützliche Skripte zum Plotten von Diagrammen in Webseiten