¿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; p>
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