forord
Fordi Angular2+ er udviklet ved hjælp af TypeScript, skal du, hvis du vil bruge echarts, installere Angular-plugin'et NGX-echarts. Renderingerne er som følger:
GitHub-adresse:Hyperlink-login er synlig.
echarts relateret viden og API:Hyperlink-login er synlig.
Installation
NPM Installationskommando:
npm-installation module_name -S, dvs. npm-installation module_name --save write-dependenciesnpm-installation module_name-D --d, dvs. npm-installation module_name --save-dev skriver devDependencies
Introducerede ngx-echarts-modulet
Introducer NgxEchartsModule i app.modules.ts rodmodulet
Da min side er en subkomponent, skal jeg importere den i et submodul，Det behøver ikke importeres i app.modules.ts modermodul, koden er som følger:
Submoduler kan ikke importere komponenter fra modermodulet; hvis du vil dele header-komponenten, så importer header-komponenten til hver modul, du vil bruge.
Delte moduler er også forældremoduler, der kan eksportere ting fra undermoduler; du tilføjer det, der skal deles, i et modul, og importerer det derefter i andre moduler
Referencelinks:Hyperlink-login er synlig.
Komponent HTML-side itsvse.component.html introduceret:
CSS Stylesheet Sæt Højde:
itsvse.component.ts kode (begge TS-koder nedenfor er acceptable)
Metode 1:
Metode 2:
Til sidst kører du projektet, og du kan se effekten af echarts.
|
Opslået på 24/04/2019 15.27.55
|
|
|
|
Udlejer|
Opslået på 10/05/2019 10.48.10
|
