Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Vista: 14060|Respuesta: 2

[Angular] 【Practice】Angular6.x presenta el tutorial de gráficos electrónicos

[Copiar enlace]
Publicado en 24/4/2019 15:27:55 | | | |
prefacio

Como Angular2+ se desarrolla usando TypeScript, si quieres usar echarts, debes instalar el plugin de Angular NGX-echarts. Las representaciones son las siguientes:



Dirección de GitHub:El inicio de sesión del hipervínculo es visible.
Conocimientos relacionados con echarts y API:El inicio de sesión del hipervínculo es visible.

Instalación

Comando de instalación del NPM:

instalación npm module_name -S, es decir, instalación npm module_name --guardar write-dependenciesnpm install module_name-D --d, es decir, instalación npm module_name --save-dev escribe devDependencies


Introdujo el módulo ngx-echarts

Introduce NgxEchartsModule en el módulo raíz app.modules.ts

Como mi página es un subcomponente, necesito importarla en un submóduloNo es necesario importarlo en el módulo padre app.modules.ts, el código es el siguiente:

Los submódulos no pueden importar componentes del módulo padre; si quieres compartir el componente de cabecera, importala en cada módulo que quieras usar.
Los módulos compartidos también son módulos padres que pueden exportar cosas de módulos hijos, añades lo que necesita compartirse en un módulo y luego lo importas en otros módulos

Enlaces de referencia:El inicio de sesión del hipervínculo es visible.


Se introduce itsvse.component.html página HTML de componentes:

Altura del conjunto de hojas de estilo CSS:

itsvse.component.ts código (ambos códigos TS que aparecen a continuación son aceptables)

Método 1:

Método 2:

Por último, ejecuta el proyecto y puedes ver el efecto del gráfico de echarts.






Anterior:Angular6 presenta el tutorial del mapa Baidu
Próximo:Docker en la práctica
 Propietario| Publicado en 10/5/2019 10:48:10 |
 Propietario| Publicado en 10/5/2019 16:25:17 |
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.

Mail To:help@itsvse.com