¿Cómo se pueden importar paquetes webpack bajo demanda como echart?

Hola, es un honor para mí responder a tu pregunta. Las siguientes son algunas de mis opiniones sobre este tema. Si hay algún error, indíquelo. Expandir todo

Puedes

1. Descargar el código fuente de ECharts. Si no sabes dónde descargarlo, puedes consultar Baidu ECharts en el sitio web oficial. .

2. Después de la descarga, puede ver la carpeta de compilación. Si no se usa para pruebas, puede usar la carpeta dist directamente. La diferencia entre echarts.js y echarts-all.js es que este último está empaquetado en map.js. Si no utiliza mapas en su sitio web, debe utilizar echarts.js ya que es pequeño y reduce los tiempos de carga.

3. Copie el archivo en compilación al directorio del proyecto donde desea colocarlo. Lo cambié a echarts al copiarlo en dist

4. p >

[javascript] Ver texto sin formato

lt; script type="text/ javascript" src=".../common/echarts/echarts.js"gt;/scriptgt;

5. Luego puedes usarlo en un script

[javascript] Ver texto sin formato

require.config({

rutas: {< / p>

//echarts: '/build/dist' Dirección en línea de Baidu

echarts: '.../common/echarts/'

}

});

6, define un div

[javascript] Ver texto sin formato

lt; div id="mydiv" style="width: 1000px; altura: 600px; "gt;lt;/divgt;

7, como dibujar gráficos de líneas y gráficos de barras

[javascript] Ver texto sin formato

require(

[

'echarts',

' echarts/chart/line',

'echarts/chart/bar ' // Si usa gráficos de barras, cargue el módulo de gráficos de barras a pedido

],

function(ec) {/ec es un objeto que contiene echarts, pero no una instancia de echarts. comentario de danielinbiti

var myChart = ec.init(document.getElementById('mydiv'));

myChart.setOption(option); //la opción parece ser un parámetro, se puede ver los métodos de configuración de varios ejemplos en el sitio web oficial

}

)

Aquí, incluso si se completa un ejemplo de configuración, los diversos gráficos Los métodos son los mismos. La configuración de los parámetros internos es bastante complicada y muy flexible. Muchas gracias por mirar con paciencia. Si te ayuda, adoptalo. ¡Te deseo una vida feliz! ¡Gracias!