Heim  >  Artikel  >  Web-Frontend  >  Grafikbeispiel für die Echarts-Dashboard-Einstellung

Grafikbeispiel für die Echarts-Dashboard-Einstellung

零下一度
零下一度Original
2017-06-26 10:06:596120Durchsuche

In E-Charts-Diagrammen ist es oft notwendig, Legenden für verschiedene Farben festzulegen, um unterschiedliche Bedeutungen zu identifizieren. Der Zeiger auf dem Dashboard hat jedoch nur einen Wert, der die Bedeutung verschiedener Farben ausdrückt stellen Sie diese Funktion bereit;

Die Farben verschiedener Segmente werden über axisLine->lineStyle->color; eingestellt 🎜>Ich habe viele Informationen durchsucht. Ich konnte die Legende zur Identifizierung der einzelnen Farbsegmente nicht finden. Ich habe immer wieder darüber nachgedacht, ob ich ein Bild mit einer Legende verwenden kann, um das Hinzufügen dieses Elements zu erzwingen Legende?

Kinderschuhe, die sich hier mit Echarts auskennen, haben sich vielleicht eine Lösung ausgedacht

Dann greifen wir zu einem Trick des „Übertragens von Blumen und Holz“

Hauptidee: Verwenden Sie die Legende des Balkendiagramms, legen Sie dann die Ebene des Balkendiagramms und des Instrumentendiagramms fest, blenden Sie dann das Balkendiagramm aus und deaktivieren Sie das Klickereignis der Legende

Hinweis:

1.Serie hat sowohl Konfigurationselemente vom Typ „Messgerät“ als auch Konfigurationen vom Typ „Balken“ und bei Konfigurationselementen vom Typ „Balken“ müssen Sie nur auf die Farbe der Legende achten. Legen Sie fest, dass alles nicht angezeigt werden soll, einschließlich Achsenlinien und Trennlinien 🎜>

3. Um seltsame Erlebnisse zu verhindern, deaktivieren Sie am besten das Klickereignis der Legende; 🎜>Das endgültige Rendering sieht wie folgt aus. Ist das nicht sehr einfach?

Das obige ist der detaillierte Inhalt vonGrafikbeispiel für die Echarts-Dashboard-Einstellung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn