Utilice echarts para crear un cilindro tridimensional en el proyecto vue
Por favor, mírame escribir esto.
1. Por supuesto, el primer paso es ingresar a la carpeta de tu proyecto.
2. El segundo paso es utilizar npm para instalar los componentes que necesita.
Utilice el siguiente comando para instalar el componente echarts.
npm install electronic charts
"Después de instalar echarts, también necesita instalar los componentes necesarios para los gráficos eCharts TS3D, echarts-gl. Utilice el siguiente comando para instalar. Suponga que no es necesario crear un gráfico 3D, no se requiere instalación.
npm install echarts-gl
Después de la instalación, puede encontrar las carpetas echarts y echart-gl en la carpeta node_modules.
También puedes encontrar esta configuración en el archivo package.json
Luego instalamos echarts y el echarts-gl que necesitamos, y ahora vamos a escribir la demostración <. /p>
3. Debe ser referenciado en el script de la página
4. Escribe un div usando una instancia de echarts
5. estilo para esta instancia y establezca su ancho y alto. Muy importante
6. Dé un ejemplo de un gráfico de barras
Puede escribir una llamada a un método para este ejemplo. puede ver las sugerencias de configuración específicas. Consulte la descripción de las propiedades de este GL en el sitio web oficial de echarts.
Pegue la representación final:
Bien, este es el final del artículo de hoy. Si tiene alguna buena sugerencia, deje un mensaje a continuación. Bienvenido a suscribirse ~
.