Red de conocimiento informático - Material del sitio web - ¿Cómo agregar la biblioteca de código abierto ECharts al archivo de plantilla?

¿Cómo agregar la biblioteca de código abierto ECharts al archivo de plantilla?

Los pasos son los siguientes:

Método 1: Referencia de descarga del sitio web oficial

lt;script src="echarts.min.js"gt;lt; /scriptgt;

Método 2: instalación de npm

npm install echarts --saveimport echarts from 'echarts'// echarts = require('echarts');

Método 3: introducción a CDN

Usar jsDelivr (/)

lt;scriptsrc="/ajax/libs/echarts/2.1.10/echarts.js"gt;lt;/ scriptgt;

1. El código de uso es el siguiente (ejemplo): // HTMLlt;div id="my-chartID"gt;lt;/divgt;//js//

2. Según el dom listo, inicialice la instancia echarts

let myChart = echarts.init(document.getElementById('my-chartID'))//

3. cargar es mostrar la animación de carga myChart. showLoading({maskColor: 'rgba(255, 255, 255, 0)', textColor: 'white'})//

4. // Carga completada (tenga en cuenta la solicitud asincrónica myChart .hideLoading