Kurseinführung

Projektdemonstration

Datenvisualisierungskonzepte

Einführung in ECharts

Starten Sie schnell mit ECharts

Erläuterung der zugehörigen Konfigurationselemente

Grundlegende Implementierung und allgemeine Auswirkungen von Balkendiagrammen

Allgemeine Konfiguration im Zusammenhang mit dem Konfigurationstitel

Allgemeine Konfiguration im Zusammenhang mit „configuration_tooltip“.

Allgemeine Konfiguration im Zusammenhang mit der Konfigurationstoolbox

Allgemeine Konfiguration im Zusammenhang mit der Konfigurationslegende

Grundlegende Implementierung eines Liniendiagramms

Gemeinsame Auswirkungen von Liniendiagrammen 1

Gemeinsame Auswirkungen von Liniendiagrammen 2

Grundlegende Implementierung des Streudiagramms

Häufige Auswirkungen von Streudiagrammen

Gemeinsames Konfigurationsgitter eines rechteckigen Koordinatensystems

Gemeinsame Konfigurationsachse des rechtwinkligen Koordinatensystems

Gemeinsame KonfigurationsdatenZoom des kartesischen Koordinatensystems

Grundlegende Implementierung eines Kreisdiagramms

Häufige Auswirkungen von Kreisdiagrammen

Grundlegende Implementierung und allgemeine Konfigurationen von Karten

Häufige Karteneffekte_zeigen Sie eine Karte einer Provinz an

Häufige Karteneffekte_Luftqualität anzeigen

Gemeinsame Auswirkungen von Karten_Kombination von Karten und Streudiagrammen

Implementierung einer Radarkarte

Implementierung eines Dashboards

Zusammenfassung der ECharts-Grundlagen

Theme-Nutzung

Farbpaletten und Farbverläufe

Verwendung von direkten Stilen und Hervorhebungsstilen

Implementierung der Diagrammanpassung

Implementierung einer Diagrammladeanimation

Erläuterung der inkrementellen Diagrammanimation

Konfigurationselemente für Diagrammanimationen

Gemeinsame Methoden globaler ECharts-Objekte 1

Gemeinsame Methoden globaler ECharts-Objekte 2

Allgemeine Methoden des echartsInstance-Objekts 1

Allgemeine Methoden des echartsInstance-Objekts 2

Erweiterte Zusammenfassung von ECharts

Einführung in Koa2

Schneller Einstieg mit Koa2

Funktionen der Koa2-Middleware

Backstage-Projekt_Projektvorbereitung

Backend-Projekt_Gesamtzeitaufwändige Entwicklung von Middleware

Backend-Projekt_Entwicklung der Antwort-Header-Middleware

Backend-Projekt_Entwicklung von Geschäftslogik-Middleware

Backend-Projekt_domänenübergreifende Konfiguration

Erstellung und Vorbereitung von Front-End-Projekten

Front-End-Projekt_Merchant-Verkaufsstatistik_Komponentenstruktur und Layoutstruktur

Grundfunktionen des Front-End-Projekts_Merchant Sales Statistics_Chart

Front-End-Projekt_Merchant-Verkaufsstatistiken_Implementierung der dynamischen Aktualisierung

Front-End-Projekt_Merchant-Verkaufsstatistik_UI-Anpassung 1

Front-End-Projekt_Merchant-Verkaufsstatistik_UI-Anpassung 2

Front-End-Option project_merchant sales Statistics_split

Anpassung der Front-End-Projekt_Merchant-Verkaufsstatistik_Auflösung

Front-End-Projekt_Verkaufstrenddiagramm_allgemeine Codestruktur

Front-End-Projekt_Verkaufstrenddiagramm_Anzeige des Basisdiagramms

Front-End-Projekt_Verkaufstrenddiagramm_UI-Anpassung

Front-End-Projekt_Verkaufstrenddiagramm_Implementierung des Schaltdiagramms

Front-End-Projekt_Verkaufstrenddiagramm_Auflösungsanpassung

Front-End-Projekt_Merchant-Kartenverteilung_Anzeigekarte

Front-End-Projekt_Merchant-Kartenverteilung_Streupunkte anzeigen

Front-End-Projekt_Merchant-Kartenverteilung_UI-Anpassung

Front-End-Projekt_Merchant-Kartenverteilung_Auflösungsanpassung

Front-End-Projekt_Händlerkartenverteilung_Kartenklickeffekt

Front-End-Projekt_Verkaufsranking-Diagramm_Anzeige des Basisdiagramms

Front-End-Projekt_Verkaufsranking-Diagramm_UI-Anpassung

Front-End-Animationseffekt project_sales rank chart_translation

Anpassung des Front-End-Projekts_Verkaufsrankingdiagramm_Auflösung

Front-End-Projekt_Anteil der meistverkauften Produkte_Anzeige der Basisdiagramme

Front-End-Projekt_Anteil der meistverkauften Produkte_Datenwechsel

Front-End-Projekt_Anteil der meistverkauften Produkte_UI-Anpassung

Front-End-Projekt_Anteil der meistverkauften Produkte_Auflösungsanpassung

Front-End-Projekt_Inventarverkaufsmodul_Anzeige grundlegender Diagramme

Front-End-Anpassung des Projektinventarverkaufsmoduls_UI

Front-End-Projekt_Inventarverkaufsmodul_Wechselanimation

Front-End-Projekt_Inventarverkaufsmodul_Auflösungsanpassung

Grundlegende Verwendung von WebSocket_backend

Grundlegende Verwendung von WebSocket_frontend

Transformation von Back-End-Projekten

Konventionen für Front-End- und Back-End-Datenfelder

Verarbeitung, wenn das Backend Daten empfängt

Front-End-Codetransformation_Mit Server verbinden

Front-End-Code transformation_processing empfangene Daten

Front-End-Codetransformation_Komponententransformation

Front-End-Codetransformation_Optimierung

Detailverarbeitung_Komponentenzusammenführung

Detailverarbeitung_Vollbildumschaltung_Layoutstil

Detailverarbeitung_Vollbildumschaltung_Klick-Ereignisverarbeitung

Detailverarbeitung_Vollbildumschaltung_Verknüpfungseffekt

Detaillierte Verarbeitung_Thema, Switching_Chart-Thema

Detaillierte Verarbeitungsthemen-Switching-Definitionsdaten

Detailverarbeitung_Themenumschaltung_native HTML-Umschaltung

Detaillierte Verarbeitung des Switching_Linkage-Effekts des Themas