See artikkel on masintõlke peegelartikkel, palun klõpsake siia, et hüpata algse artikli juurde.

Vaade: 14060|Vastuse: 2

[Nurgeline] 【Practice】Angular6.x tutvustab echarts diagrammi õpetust

[Kopeeri link]
Postitatud 24.04.2019 15:27:55 | | | |
eessõna

Kuna Angular2+ arendatakse TypeScripti abil, pead echartsi kasutamiseks paigaldama Angulari plugina NGX-echarts. Renderdused on järgmised:



GitHubi aadress:Hüperlingi sisselogimine on nähtav.
echartsiga seotud teadmised ja API:Hüperlingi sisselogimine on nähtav.

Paigaldus

NPM-i paigalduskäsk:

npm install module_name -S ehk npm install module_name --save write-dependenciesnpm install module_name-D --d, st npm install module_name --save-dev writes devDependencies


Tutvustati ngx-echarts moodulit

Tutvusta NgxEchartsModule'i app.modules.ts juurmoodulis

Kuna minu leht on alamkomponent, pean selle importima alammoodulisseSeda ei pea importima app.modules.ts vanemmoodulis, kood on järgmine:

Alammoodulid ei saa importida komponente vanemmoodulist, kui soovid päise komponenti jagada, impordi päise komponent igasse moodulisse, mida soovid kasutada.
Jagatud moodulid on ka vanemmoodulid, mis suudavad eksportida asju alammoodulitest, lisad vajaliku moodulisse ja impordid selle teistesse moodulitesse

Viitelingid:Hüperlingi sisselogimine on nähtav.


Komponendi HTML-leht itsvse.component.html tutvustatud:

CSS stiililehe komplekti kõrgus:

itsvse.component.ts kood (mõlemad allpool toodud TS koodid on aktsepteeritavad)

Meetod 1:

Meetod 2:

Lõpuks, käivita projekt ja näed echarts diagrammi efekti.






Eelmine:Angular6 tutvustab Baidu kaardiõpetust
Järgmine:Docker praktikas
 Üürileandja| Postitatud 10.05.2019 10:48:10 |
 Üürileandja| Postitatud 10.05.2019 16:25:17 |
Disclaimer:
Kõik Code Farmer Networki poolt avaldatud tarkvara, programmeerimismaterjalid või artiklid on mõeldud ainult õppimiseks ja uurimistööks; Ülaltoodud sisu ei tohi kasutada ärilistel ega ebaseaduslikel eesmärkidel, vastasel juhul kannavad kasutajad kõik tagajärjed. Selle saidi info pärineb internetist ning autoriõiguste vaidlused ei ole selle saidiga seotud. Ülaltoodud sisu tuleb oma arvutist täielikult kustutada 24 tunni jooksul pärast allalaadimist. Kui sulle programm meeldib, palun toeta originaaltarkvara, osta registreerimist ja saa paremaid ehtsaid teenuseid. Kui esineb rikkumist, palun võtke meiega ühendust e-posti teel.

Mail To:help@itsvse.com