Denne artikkelen er en speilartikkel om maskinoversettelse, vennligst klikk her for å hoppe til originalartikkelen.

Architect_Programmer_Code Landbruksnettverket»Arkitekt › Front-end design og web › Frontramme › 【Practice】Angular6.x introduserer echart-tutorial
Utsikt: 14060|Svare: 2

[Kantet] 【Practice】Angular6.x introduserer echart-tutorial

[Kopier lenke]
Publisert på 24.04.2019 15:27:55 | | | |
forord

Siden Angular2+ er utviklet med TypeScript, må du installere Angular-pluginen NGX-echarts hvis du vil bruke echarts. Gjengivelsene er som følger:



GitHub-adresse:Innloggingen med hyperkoblingen er synlig.
echarts relatert kunnskap og API:Innloggingen med hyperkoblingen er synlig.

Installasjon

NPM installasjonskommando:

npm-installasjon module_name -S, altså npm-installasjon module_name --lagre write-dependenciesnpm-installasjon module_name-D --d, altså npm-installasjon module_name --save-dev skriver devDependencies


Introduserte ngx-echarts-modulen

Introduser NgxEchartsModule i app.modules.ts rotmodulen

Siden siden min er en subkomponent, må jeg importere den i en submodul，Den trenger ikke importeres i app.modules.ts parent-modulen, koden er som følger:

Submoduler kan ikke importere komponenter fra foreldremodulen, hvis du vil dele header-komponenten, importer header-komponenten til hver modul du vil bruke.
Delte moduler er også foreldremoduler som kan eksportere ting fra barnemoduler, du legger til det som må deles i en modul, og importerer det deretter i andre moduler

Referanselenker:Innloggingen med hyperkoblingen er synlig.


Komponent HTML-side itsvse.component.html introdusert:

CSS Stylesheet Setthøyde:

itsvse.component.ts kode (begge TS-kodene nedenfor er akseptable)

Metode 1:

Metode 2:

Til slutt, kjør prosjektet, og du kan se effekten av echarts-diagrammet.






Foregående:Angular6 introduserer Baidu-kartveiledning
Neste:Docker i praksis

Relaterte innlegg
 Vert| Publisert på 10.05.2019 10:48:10 |
https://xieziyu.github.io/ngx-echarts/#/home
 Vert| Publisert på 10.05.2019 16:25:17 |
https://www.echartsjs.com/gallery/vendors/echarts/echarts.min.js
https://www.echartsjs.com/gallery/vendors/echarts/map/js/china.js
https://www.echartsjs.com/galler ... tension/bmap.min.js
Ansvarsfraskrivelse:
All programvare, programmeringsmateriell eller artikler publisert av Code Farmer Network er kun for lærings- og forskningsformål; Innholdet ovenfor skal ikke brukes til kommersielle eller ulovlige formål, ellers skal brukerne bære alle konsekvenser. Informasjonen på dette nettstedet kommer fra Internett, og opphavsrettstvister har ingenting med dette nettstedet å gjøre. Du må fullstendig slette innholdet ovenfor fra datamaskinen din innen 24 timer etter nedlasting. Hvis du liker programmet, vennligst støtt ekte programvare, kjøp registrering, og få bedre ekte tjenester. Hvis det foreligger noen krenkelse, vennligst kontakt oss på e-post.
Mail To:help@itsvse.com