Echtzeit-Verkaufsdashboard mit Echarts

Fortgeschritten

In diesem Projekt lernen Sie, wie Sie mit der Echarts-Bibliothek ein Echtzeit-Verkaufsdashboard erstellen. Das Dashboard zeigt die Verkaufs- und Volumendaten in einem visuell ansprechenden und leicht verständlichen Format an.

JavaScript

💡 Dieser Artikel wurde von AI-Assistenten übersetzt. Um die englische Version anzuzeigen, können Sie hier klicken

Einführung

In diesem Projekt lernst du, wie du eine Echtzeit-Verkaufsdashboard mit der Echarts-Bibliothek erstellen kannst. Das Dashboard wird die Verkaufs- und Volumedaten in einem visuell ansprechenden und leicht verständlichen Format anzeigen.

👀 Vorschau

Vorschau des Echtzeit-Verkaufsdashboards

🎯 Aufgaben

In diesem Projekt wirst du lernen:

  • Wie du das Projekt einrichtest und die erforderlichen Dateien erhältst
  • Wie du die "y-Achse" in der index.js-Datei einrichtest
  • Wie du die Werte aus den Backend-Daten korrekt den entsprechenden Diagrammoptionen in der renderChart-Funktion zuweist

🏆 Errungenschaften

Nach Abschluss dieses Projekts wirst du in der Lage sein:

  • Daten in Diagramme mit der Echarts-Bibliothek zu rendern
  • Deinen Code für ein Datenvisualisierungsprojekt zu strukturieren und zu organisieren
  • Mit asynchronem Datenabruf umzugehen und das Diagramm in Echtzeit zu aktualisieren

Lehrer

labby

Labby

Labby is the LabEx teacher.