Anleitung: Interaktive Diagramme mit ECharts gestalten

Interaktive Diagramme fĂĽr die eigene Website sind mit ECharts schnell erstellt. Der Einstieg gestaltet sich erfreulich einfach, wie unser Ratgeber zeigt.

Artikel verschenken
vorlesen Druckansicht 1 Kommentar lesen

Das "Gradient Stacked Area Chart" aus den ECharts-Beispielen.

(Bild: ECharts/Apache)

Lesezeit: 12 Min.
Von
  • Tam Hanna
Inhaltsverzeichnis

Diagramme sind die Spezialität von ECharts der Apache Foundation: Die funktionsreiche JavaScript-Bibliothek liefert unterschiedliche Chart-Typen, die auch noch gut aussehen. Zudem stimmt die Performance selbst bei großen Datenmengen. Beeindruckend ist außerdem die Menge an fertigen Beispielanwendungen, die sich leicht an eigene Bedürfnisse anpassen lassen. Ein weiterer großer Vorteil der Bibliothek ist die Lizenzierung des Codes – er steht unter der Apache-Lizenz, die für ihre extreme Liberalität bekannt ist. Doch damit nicht genug.

Mehr zu Webentwicklung

ECharts ist einfach zu erlernen und punktet mit einer einfachen Handhabe. Es ist fast ein Kinderspiel, attraktive Diagramme zu gestalten. In diesem Punkt unterscheidet sich ECharts wohltuend von Boliden wie D3.js. Die Kombination aus Funktion und Einfachheit hat dazu geführt, dass sich ECharts einer wachsenden Nutzergemeinschaft erfreut. Ein interessanter Vertreter ist GitLab: Die GitHub-Alternative hat eine umfangreiche Erklärung der Vorteile des Frameworks veröffentlicht, die selbst hartnäckige Skeptiker neugierig machen sollte.

Ziel dieses Artikels ist es nun, Vorgehensweisen zu demonstrieren, mit denen Sie schnell zu attraktiven Visualisierungen und Diagrammen für Ihre eigene Website kommen. Die Beispiele zeigen, wie flexibel und zugänglich ECharts ist.

Das war die Leseprobe unseres heise-Plus-Artikels "Anleitung: Interaktive Diagramme mit ECharts gestalten". Mit einem heise-Plus-Abo können Sie den ganzen Artikel lesen.