Instalación de ECharts

1. Versión independiente

Podemos descargar directamente echarts.min.js y usar<script>la etiqueta para incluirlo.

echarts.min.js(4.7.0)

Además, en el entorno de desarrollo se puede usar la versión de código fuente echarts.js y usar<script>la etiqueta para incluirlo. La versión de código fuente incluye mensajes de error y advertencias comunes.

echarts.js(4.7.0)

También podemos descargar directamente versiones más completas desde el sitio web oficial de ECharts, que incluyen diferentes temas e idiomas. Dirección de descarga:https://echarts.apache.org/zh/download.html。

Estos echarts precompilados ofrecen los siguientes tipos de personalización:

• Versión completa:echarts/dist/echarts.jsde mayor tamaño, incluye todos los gráficos y componentes; consulte el contenido en:echarts/echarts.all.js。
• Versión común:echarts/dist/echarts.common.jsde tamaño moderado, incluye los gráficos y componentes comunes; consulte el contenido en:echarts/echarts.common.js。
• Versión ligera:echarts/dist/echarts.simple.jsde tamaño pequeño, incluye solo los gráficos y componentes más utilizados; consulte el contenido en:echarts/echarts.simple.js。

---

2. Método de uso de CDN

A continuación se recomiendan dos CDN extranjeros relativamente estables; todavía no se ha encontrado ninguno bueno en el país, por lo que por ahora se sugiere descargarlos localmente.

• Staticfile CDN (nacional) : 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

---

3. Método NPM

Debido a que la instalación de npm es lenta, este tutorial utiliza el espejo de Taobao y su comando cnpm; consulte la introducción de instalación y uso en:Usar el espejo NPM de Taobao。

La versión de npm debe ser mayor que 3.0; si es inferior a esta versión, es necesario actualizarla:

# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g


# 升级或安装 cnpm
npm install cnpm -g

Obtener echarts mediante cnpm:

# 最新稳定版
$ cnpm install echarts --save

Una vez completada la instalación, ECharts y zrender se colocarán en el directorio node_modules, y podemos usarlos directamente en el código del proyectorequire('echarts')para utilizarlos.

Otras extensiones