Sobes.tech
Middle

Erzähle mir von deiner Arbeit mit eCharts: Welche Visualisierungen hast du gemacht, welche zusätzlichen Funktionen (Filter, bedingte Formatierung usw.)?

sobes.tech KI

Antwort von AI

Bei meiner Arbeit mit eCharts habe ich verschiedene Arten von Visualisierungen erstellt: Linien- und Balkendiagramme zur Darstellung der Dynamik der Kennzahlen, Kreisdiagramme für die Verteilung sowie komplexe kombinierte Diagramme mit mehreren Achsen.

Zusätzliche Funktionen umfassten:

  • Filter nach Datum und Kategorien, umgesetzt durch eine Kombination aus React und eCharts, damit der Nutzer die angezeigten Daten dynamisch ändern kann.
  • Bedingte Formatierung: z.B. Farbänderung der Linie oder des Balkens abhängig von Schwellenwerten (rot bei Überschreitung des Limits).
  • Interaktive Tooltips mit zusätzlichen Informationen beim Hover.
  • Möglichkeit zum Zoomen und Panoramieren der Diagramme für eine detaillierte Analyse.

Beispiel für bedingte Formatierung in eCharts:

option = {
  series: [{
    type: 'bar',
    data: [120, 200, 150, 80, 70],
    itemStyle: {
      color: function(params) {
        return params.value > 100 ? 'red' : 'green';
      }
    }
  }]
};