Šis raksts ir mašīntulkošanas spoguļraksts, lūdzu, noklikšķiniet šeit, lai pārietu uz oriģinālo rakstu.

Skats: 14060|Atbildi: 2

[Leņķis] 【Prakse】 Angular6.x iepazīstina ar echarts diagrammu apmācību

[Kopēt saiti]
Publicēts 24.04.2019 15:27:55 | | | |
priekšvārds

Tā kā Angular2+ ir izstrādāts, izmantojot TypeScript, ja vēlaties izmantot echarts, jums ir jāinstalē Angular spraudnis NGX-echarts. Atveidojumi ir šādi:



GitHub adrese:Hipersaites pieteikšanās ir redzama.
Ar echarts saistītās zināšanas un API:Hipersaites pieteikšanās ir redzama.

Instalācijas

npm instalēšanas komanda:

npm install module_name -S, t.i., npm install module_name --save write-dependenciesnpm install module_name-D --d, t.i. npm install module_name --save-dev writes devDependencies


Ieviests ngx-echarts modulis

Iepazīstiniet NgxEchartsModule app.modules.ts saknes modulī

Tā kā mana lapa ir apakškomponents, man tas ir jāimportē apakšmodulīTas nav jāimportē app.modules.ts vecākmodulī, kods ir šāds:

Apakšmoduļi nevar importēt komponentus no vecākmoduļa, ja vēlaties koplietot galvenes komponentu, importējiet galvenes komponentu katrā modulī, kuru vēlaties izmantot.
Koplietojamie moduļi ir arī vecākmoduļi, kas var eksportēt lietas no bērnmoduļiem, jūs pievienojat to, kas jākoplieto modulī, un pēc tam importējiet to citos moduļos

Atsauces saites:Hipersaites pieteikšanās ir redzama.


Ieviesta komponentu HTML lapa itsvse.component.html:

CSS stila lapas komplekta augstums:

itsvse.component.ts kods (abi zemāk minētie TS kodi ir pieņemami)

1. metode:

2. metode:

Visbeidzot, palaidiet projektu, un jūs varat redzēt echarts diagrammas efektu.






Iepriekšējo:Angular6 iepazīstina ar Baidu kartes apmācību
Nākamo:Docker praksē
 Saimnieks| Publicēts 10.05.2019 10:48:10 |
 Saimnieks| Publicēts 10.05.2019 16:25:17 |
Atruna:
Visa programmatūra, programmēšanas materiāli vai raksti, ko publicē Code Farmer Network, ir paredzēti tikai mācību un pētniecības mērķiem; Iepriekš minēto saturu nedrīkst izmantot komerciāliem vai nelikumīgiem mērķiem, pretējā gadījumā lietotājiem ir jāuzņemas visas sekas. Informācija šajā vietnē nāk no interneta, un autortiesību strīdiem nav nekāda sakara ar šo vietni. Iepriekš minētais saturs ir pilnībā jāizdzēš no datora 24 stundu laikā pēc lejupielādes. Ja jums patīk programma, lūdzu, atbalstiet oriģinālu programmatūru, iegādājieties reģistrāciju un iegūstiet labākus oriģinālus pakalpojumus. Ja ir kādi pārkāpumi, lūdzu, sazinieties ar mums pa e-pastu.

Mail To:help@itsvse.com