Grundlegende Einführung in Echarts: Allgemeine Konfiguration von Balkendiagrammen und Liniendiagrammen

1Grundlegende Schritte von E-Charts

Vier Schritte

1 Suchen Sie den DOM-Container

2 Initialisierung

3 Konfigurationsmöglichkeiten

4 SetOptionen

Fast alle 124 Schritte sind gleich. Optionen sind Konfigurationselemente. Sie können jedes beliebige Symbol festlegen.

Das einfachste Balkendiagramm mit Maximal- und Minimalwerten

2 Durchschnittswert markLine-Attribut

3 numerische Anzeige Balkenbreite, horizontales Balkendiagramm

Numerisches Anzeigeetikettenattribut

Spaltenbreite barWidth

Bei der Horizontale muss lediglich auf die Transformation der beiden Achsen geachtet werden.

Die allgemeine Konfiguration ist die allgemeine Konfiguration von Kreisdiagramm und Streudiagramm

Titel

Tooltip: Tipps

Werkzeugkasten-Werkzeugschaltfläche

Legende

Tooltip-Promptbox-Komponente, Eingabeaufforderung, wenn die Maus über das Diagramm bewegt wird

Der Formatierer kann auch die Funktion

Werkzeugkasten

Es ermöglicht den Export von Bildern, Datenansichten, dynamisches Umschalten des Typs, Zoomen des Datenbereichs, Zurücksetzen und fünf weitere Tools und Funktionen.

Legende, wird zum Filtern von Serien verwendet und muss mit Serien verwendet werden

Die grundlegende Verwendung der vier gängigen Konfigurationen ist wie folgt

Titel Titel Tooltip Tool Button Toolbox Legende: Legende

Liniendiagramm

Grundlegende Zeichnung

Durchschnittswert der Größe, markiertes Intervall

Der Durchschnittswert der Größe entspricht genau dem Balkendiagramm

Bereich markieren

Glätte der Linienkontrolle

Füllstil

Nah am Rand

Y-Achsenbereich

Skala

Um das Diagramm zu stapeln, legen Sie für jeden Stapel Folgendes fest: „alle“

Normal

Wird überlappen, können Sie einstellen

Jede Serie fügt hinzu

Es wird so werden, es wird keine Überlappung geben, aber achten Sie auf die Änderungen auf der y-Achse. Der Startpunkt der oberen Linie ist 1000, es werden einfach 1000 nach oben addiert.

Plus-BereichStyle

Noch deutlicher ist der Stapeleffekt.

Zusammenfassen

Dies ist das Ende dieses Artikels über die grundlegende Einführung in Echarts: Allgemeine Konfiguration von Balkendiagrammen und Liniendiagrammen. Weitere relevante Inhalte zur allgemeinen Konfiguration von Balkendiagrammen und Liniendiagrammen von Echarts finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!