Dit artikel is een spiegelartikel van machinevertaling, klik hier om naar het oorspronkelijke artikel te gaan.

Bekijken: 14060|Antwoord: 2

[Angular] 【Practice】Angular6.x introduceert echarts tutorial

[Link kopiëren]
Geplaatst op 24-04-2019 15:27:55 | | | |
inleiding

Omdat Angular2+ is ontwikkeld met TypeScript, moet je bij het gebruik van echarts de Angular-plugin NGX-echarts installeren. De renderings zijn als volgt:



GitHub-adres:De hyperlink-login is zichtbaar.
echarts gerelateerde kennis en API:De hyperlink-login is zichtbaar.

Installatie

NPM Installatiecommando:

npm-installatie module_name -S, d.w.z. npm-installatie module_name --write-dependenciesnpm installeren module_name-D --d, d.w.z. npm installeren module_name --save-dev schrijft devDependencies


De ngx-echarts-module werd geïntroduceerd

Introduceer NgxEchartsModule in de app.modules.ts rootmodule

Omdat mijn pagina een subcomponent is, moet ik deze importeren in een submoduleHet hoeft niet geïmporteerd te worden in de app.modules.ts hoofdmodule, de code is als volgt:

Submodules kunnen geen componenten importeren uit de oudermodule; als je de headercomponent wilt delen, importeer dan de headercomponent in elke module die je wilt gebruiken.
Gedeelde modules zijn ook oudermodules die dingen kunnen exporteren vanuit kindmodules; je voegt toe wat gedeeld moet worden in een module en importeert het vervolgens in andere modules

Referentielinks:De hyperlink-login is zichtbaar.


Component HTML-pagina itsvse.component.html geïntroduceerd:

CSS Stylesheet Set Hoogte:

itsvse.component.ts code (beide TS-codes hieronder zijn acceptabel)

Methode 1:

Methode 2:

Tot slot voer je het project uit en kun je het grafiekeffect van echarts zien.






Vorig:Angular6 introduceert Baidu-kaarttutorial
Volgend:Docker in praktijk
 Huisbaas| Geplaatst op 10-05-2019 10:48:10 |
 Huisbaas| Geplaatst op 10-05-2019 16:25:17 |
Disclaimer:
Alle software, programmeermaterialen of artikelen die door Code Farmer Network worden gepubliceerd, zijn uitsluitend bedoeld voor leer- en onderzoeksdoeleinden; De bovenstaande inhoud mag niet worden gebruikt voor commerciële of illegale doeleinden, anders dragen gebruikers alle gevolgen. De informatie op deze site komt van het internet, en auteursrechtconflicten hebben niets met deze site te maken. Je moet bovenstaande inhoud volledig van je computer verwijderen binnen 24 uur na het downloaden. Als je het programma leuk vindt, steun dan de echte software, koop registratie en krijg betere echte diensten. Als er sprake is van een inbreuk, neem dan contact met ons op via e-mail.

Mail To:help@itsvse.com