Kann vue.js Echarts verwenden?-View.js-php.cn

vue.js kann Echarts verwenden: 1. Geben Sie den Befehl „npm install echarts --save“ in die Konsole ein, um die Echarts-Abhängigkeit zu installieren. 2. Importieren Sie ihn global in main.js, und Sie können ihn verwenden echarts zum Erstellen von Diagrammen.

Kann vue.js Echarts verwenden?

Die Betriebsumgebung dieses Tutorials: Windows7-System, Vue2.9-Version, diese Methode ist für alle Computermarken geeignet.

Verwandte Empfehlungen: „vue.js Tutorial“

Ich muss Echarts in meiner letzten Arbeit verwenden, da das Projekt mit vue-cli entwickelt wird. Ich habe in Vue synthetisierte Vue-Echarts im Internet gefunden, wollte aber nicht das in Vue angegebene Datenformat verwenden, also habe ich eine einfache Demo des Vue-Projekts erstellt, die auf native Echarts verweist. Der Implementierungsprozess ist wie folgt: Zwei Implementierungen Es werden Methoden verwendet.

Vorbereitung Art und Weise zu erschaffen

In einem. Fügen Sie mehrere Diagramme in die Vue-Datei ein. Erstellen Sie WelcomePage.vue. vue

import echarts from 'echarts' Vue.prototype.$echarts = echarts

Nach dem Login kopieren

Erstellen Sie das Kind. Die Komponente barGraph.vue

Nach dem Login kopieren

 {{ msg }}
 第二种方式：通过组件的方式进行页面渲染

Nach dem Login kopieren

npm install echarts --saveerstellt pieGraph.vue

Nach dem Login kopieren

 {{ msg }}

Nach dem Login kopieren

Der Effekt wird wie folgt implementiert:

Die Routing-Datei lautet wie folgt :

Nach dem Login kopieren

Für mehr Programmierung Weitere Informationen zu entsprechenden Kenntnissen finden Sie unter:

Programmierlehre

! !

Das obige ist der detaillierte Inhalt vonKann vue.js Echarts verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!