ECharts-Installation
1. Standalone-Version
Wir können echarts.min.js direkt herunterladen und mit<script>-Tag einbinden.
Darüber hinaus können Sie in der Entwicklungsumgebung die Quellcode-Version echarts.js verwenden und sie mit<script>einem Script-Tag einbinden. Die Quellcode-Version enthält gängige Fehlermeldungen und Warnungen.
Wir können auch funktionsreichere Versionen direkt von der offiziellen ECharts-Website herunterladen, die verschiedene Themes und Sprachen enthalten. Download-URL:https://echarts.apache.org/zh/download.html。
Diese vorgefertigten ECharts bieten die folgenden benutzerdefinierten Builds:
- Vollversion:
echarts/dist/echarts.jsDie größte Variante, enthält alle Diagramme und Komponenten. Zum enthaltenen Inhalt siehe:echarts/echarts.all.js。 - Standardversion:
echarts/dist/echarts.common.jsMittlere Größe, enthält gängige Diagramme und Komponenten. Zum enthaltenen Inhalt siehe:echarts/echarts.common.js。 - Lite-Version:
echarts/dist/echarts.simple.jsKleinere Größe, enthält nur die am häufigsten verwendeten Diagramme und Komponenten. Zum enthaltenen Inhalt siehe:echarts/echarts.simple.js。
2. Verwendung der CDN-Methode
Im Folgenden werden zwei relativ stabile CDNs empfohlen, die aus dem Ausland stammen. Ich habe bisher noch keine gute im Inland gefunden, daher wird vorerst weiterhin empfohlen, lokal herunterzuladen.
-
Staticfile CDN (Inland) : https://cdn.staticfile.net/echarts/4.3.0/echarts.min.js
-
jsDelivr：https://cdn.jsdelivr.net/npm/[email protected]/dist/echarts.min.js。
-
cdnjs : https://cdnjs.cloudflare.com/ajax/libs/echarts/4.3.0/echarts.min.js
Staticfile CDN (Inland)
Selbst ausprobieren »
jsDelivr
Selbst ausprobieren »
cdnjs
Selbst ausprobieren »
3. NPM-Methode
Da die Installation über npm langsam ist, verwendet dieses Tutorial den Taobao-Spiegel und dessen Befehl cnpm. Hinweise zur Installation und Verwendung finden Sie unter:Taobao-NPM-Spiegel verwenden。
Die npm-Version muss größer als 3.0 sein; wenn sie niedriger als diese Version ist, müssen Sie sie aktualisieren:
# 查看版本 $ npm -v 2.3.0 #升级 npm cnpm install npm -g # 升级或安装 cnpm npm install cnpm -g
echarts über cnpm beziehen:
# 最新稳定版 $ cnpm install echarts --save
Nach der Installation werden ECharts und zrender im Verzeichnis node_modules abgelegt, und wir können sie direkt im Projektcode verwenden.require('echarts')zu verwenden.