Apache ECharts 5.6 veröffentlicht

• ECharts ist eine Open-Source-JavaScript-Visualisierungsbibliothek und sowohl für PC als auch für Mobilgeräte optimiert
• Kompatibel mit den meisten modernen Browsern wie Internet Explorer 9/10/11, Chrome, Firefox und Safari
• Verwendet die eigene Grafik-Rendering-Engine ZRender, um intuitive, interaktive und hochwertige Diagramme bereitzustellen

Bietet verschiedene Diagrammtypen

• Unterstützt Liniendiagramme, Balkendiagramme, Streudiagramme, Kreisdiagramme, Candlestick-Charts, Boxplots, Karten, Heatmaps, Liniendiagramme für Richtungsinformationen, Beziehungsgraphen, Treemaps, Sunburst, parallele Koordinaten, Trichterdiagramme, Tachometerdiagramme und mehr
• Durch die Kombination verschiedener Visualisierungstypen lassen sich zusammengesetzte Diagramme erstellen
• Benutzerdefinierte Chart-Serien werden unterstützt; durch das reine Übergeben der Callback-Funktion renderItem lassen sich gewünschte Grafikelemente frei umsetzen
• Interaktive Funktionen sind integriert und ohne zusätzliche Konfiguration sofort nutzbar

Funktion zur Paketverschlankung und zum selektiven Download von Komponenten

• Das Basispaket ist stark optimiert, bei Bedarf können jedoch nur die benötigten Diagrammtypen und Komponenten ausgewählt werden, um ein schlankes Paket zu erzeugen
• Über den Online-Builder kann ein Custom Bundle heruntergeladen werden, das nur die benötigten Funktionen enthält

Unterstützung verschiedener Datenformate

• Seit v4.0 werden über die Eigenschaft dataset verschiedene Datenstrukturen wie zweidimensionale Arrays und Key-Value-Objekte unterstützt
• Mit der Eigenschaft encode lassen sich Datenstrukturen intuitiv zuordnen
• Spart Zeit beim Schreiben von Datenkonvertierungsalgorithmen und minimiert den Speicherverbrauch
• Ein einzelnes dataset kann von mehreren Komponenten gemeinsam genutzt werden
• Unterstützung für TypedArray ermöglicht Speichereinsparungen und Leistungsverbesserungen

Optimierung für die Visualisierung großer Datenmengen

• Bietet inkrementelle Rendering-Techniken zur Visualisierung von Millionen von Datenpunkten
• Interaktive Funktionen wie Zoomen und Verschieben funktionieren auch bei großen Datenmengen flüssig
• Unterstützt das Rendering von Streaming-Daten über WebSocket
• Visualisierung ist möglich, ohne alle Daten vollständig zu laden

Für Mobilgeräte optimiert

• Für Zoom- und Verschiebefunktionen in mobilen Umgebungen optimiert
• Auf dem PC ist dieselbe Bedienung per Mausrad möglich
• Bietet ein kleines Paket für Mobilgeräte
• Bei Auswahl der SVG-Rendering-Engine wird der Speicherverbrauch zusätzlich reduziert

Verschiedene Rendering-Verfahren und Plattformkompatibilität

• Unterstützt verschiedene Rendering-Verfahren wie Canvas, SVG (ab v4.0) und VML
• VML dient der Kompatibilität mit älteren IE-Browsern, SVG ist auf Mobilgeräten speichereffizient, Canvas ist stark bei der Verarbeitung großer Datenmengen
• In Node.js-Umgebungen ist Server-Side Rendering (SSR) über node-canvas möglich
• Kann auch in WeChat MiniProgram verwendet werden
• In der Community wurden auch Spracherweiterungen wie Python (pyecharts), R (echarty) und Julia (ECharts.jl) entwickelt
• Dank Unterstützung für verschiedene Plattformen und Sprachen können sich Entwickler ganz auf die Visualisierung selbst konzentrieren

Interaktionsbasierte Datenexploration

• Durch Zoom, Pan und Filterung kann von den Gesamtdaten bis zu den Detaildaten navigiert werden
• Bietet verschiedene interaktive Komponenten wie legend, visualMap, dataZoom, tooltip und brush
• Ermöglicht Datenexploration auf unterschiedliche Weise in der Benutzeroberfläche

Erweiterte Funktionen für die Visualisierung multidimensionaler Daten

• Seit ECharts 3 wurde die Unterstützung für die Visualisierung multidimensionaler Daten ausgebaut
• Neben traditionellen multidimensionalen Visualisierungen wie parallelen Koordinatensystemen lassen sich Daten auch auf vielfältige andere Weise darstellen
• Mit der Komponente visualMap können Dimensionsdaten auf visuelle Eigenschaften wie Farbe, Größe, Transparenz und Schattierung abgebildet werden

Echtzeitübernahme von Daten

• Änderungen am Dataset werden in Echtzeit im Diagramm übernommen
• Datenänderungen werden automatisch erkannt und per Animation im Diagramm dargestellt
• Mit der timeline-Komponente kann auch die Darstellung von Daten im Zeitverlauf umgesetzt werden

Bietet visuelle Spezialeffekte

• Auf alle Datentypen wie Punkte, Linien und geografische Daten können visuelle Effekte angewendet werden
• Zieht die Aufmerksamkeit der Nutzer auf sich und verbessert die Vermittlung der Daten

WebGL-basierte 3D-Visualisierung

• ECharts GL unterstützt auf WebGL-Basis verschiedene 3D-Visualisierungen wie 3D-Globen, Gebäude und Bevölkerungshistogramme
• Visuelle Effekte lassen sich mit einfachen Einstellungen hinzufügen
• Kann auch in VR und auf Großbildschirmen eingesetzt werden

Unterstützung für Barrierefreiheit

• Entspricht dem WAI-ARIA-Standard für Barrierefreiheit des W3C
• Erstellt auf Basis der Diagrammkonfiguration automatisch Beschreibungen für sehbehinderte Menschen
• Zugriff auf Visualisierungsinhalte über Screenreader ist möglich

[jhk0530]

ECharts ist hübsch und wirklich okay. Ich persönlich fand es einfacher zu benutzen als Highcharts.

[GN⁺]

Hacker-News-Kommentare

• Während der Entwicklung von Briefer habe ich fast alle Visualisierungsbibliotheken getestet, und Apache ECharts ist die beste

  • Die Hauptprobleme anderer Bibliotheken sind: (a) das Design ist nicht besonders gut, (b) sie sind schwer zu benutzen, (c) es fehlt an Flexibilität
  • Apache ECharts löst diese Probleme
  • Es sieht standardmäßig gut aus, man kann im Backend deklarative Spezifikationen berechnen und an das Frontend senden, und es ist flexibel genug, um alles zu unterstützen, was traditionelle BI-Tools können
  • Alles, was man braucht, ist bereits enthalten, ohne dass neue Funktionen hinzugefügt werden müssen
  • Es freut mich, diese großartige Arbeit auf HN zu sehen

• go-echarts ist ebenfalls empfehlenswert

  • Man kann Diagramme mit Golang-Typen deklarieren, und der JSON-Marshaler von Golang bindet sie automatisch an JSON
  • Ich habe es in mehreren Projekten verwendet, und wenn es Issues oder PRs gibt, reagieren die Maintainer schnell
  • Es macht Spaß, JavaScript-Funktionen und SQL-Abfragen in Go einzubetten
  • Es gibt ein Golang-Beispiel, das Daten aus DuckDB holt und eine Candlestick-Chart-Datei mit JavaScript-Tooltips erzeugt

• Nachdem ich viele andere Bibliotheken ausprobiert hatte, habe ich mich letztes Jahr für Apache ECharts entschieden und es nicht bereut

  • Großartige Dokumentation, Performance, hohe Konfigurierbarkeit, einfache Nutzung und Unterstützung für alle benötigten Diagrammtypen

• Ich denke, ECharts ist die beste Bibliothek

  • In Listen oder Suchergebnissen für Chart-Bibliotheken taucht sie nicht oft auf
  • Ich habe chart.js, google charts, amCharts, Highcharts und ApexCharts alle ausprobiert
  • Wir verwenden sie in unserem Tool/unserer Bibliothek

• Seit 2020 verwenden wir Apache ECharts in unserem Produkt

  • Klare Empfehlung, großartige Bibliothek, großartige Dokumentation, in 5 Jahren keine Probleme
  • Ich hoffe auf Verbesserungen bei Tickets zur Tastatur-Barrierefreiheit

• Das Line Race ist ziemlich cool

  • Man kann den Schalter umlegen, um das Rennen zu starten
  • Gut gemacht, Norwegen

• Wenn du eine Chart-Bibliothek für Web-Clients suchst, ist auch charts.css empfehlenswert

  • Das Konzept ist deutlich einfacher als bei den meisten Chart-Bibliotheken und kann dieselbe Funktionalität erreichen
  • Es ist sehr einfach zusammen mit Server-Side Rendering, htmx usw. zu verwenden

• Wenn ich die Ankündigung eines JS-Chart-Pakets namens ECharts sehe, denke ich, dass die Wartung innerhalb eines Jahres eingestellt wird

  • Wenn ich die Ankündigung eines JS-Chart-Pakets namens Apache ECharts sehe, denke ich, dass es nächstes Jahr noch gewartet wird

• Ich habe nach einer Chart-Bibliothek für React/React Native gesucht, und Apache ECharts ist ein großartiger Kandidat für plattformübergreifende Datenvisualisierung

  • Sowohl react-echarts als auch react-native-echarts werden aktiv weiterentwickelt
  • Dass es unter Apache steht, ist ein großer Vorteil für die künftige Entwicklung und Wartung des Projekts

• Ich habe ECharts als Chart-Bibliothek für KI hinzugefügt und stelle die Standard-GUI-Charts gerade auf ECharts um

  • Vor der Auswahl habe ich eine umfassende Prüfung durchgeführt und mich für ECharts entschieden, weil es hervorragend ist und sehr gut aussieht