Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Näkymä: 14060|Vastaus: 2

[Angular] 【Practice】Angular6.x esittelee echarts-kaavion tutoriaalin

[Kopioi linkki]
Julkaistu 24.4.2019 15.27.55 | | | |
johdanto

Koska Angular2+ kehitetään TypeScriptillä, jos haluat käyttää echartsia, sinun täytyy asentaa Angular-lisäosa NGX-echarts. Renderöinnit ovat seuraavat:



GitHub-osoite:Hyperlinkin kirjautuminen on näkyvissä.
echartsiin liittyvä tieto ja API:Hyperlinkin kirjautuminen on näkyvissä.

Asennus

NPM-asennuskomento:

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


Esitteli ngx-echarts-moduulin

Esittele NgxEchartsModule app.modules.ts-juurimoduulissa

Koska sivuni on alikomponentti, minun täytyy tuoda se alimoduuliinSitä ei tarvitse tuoda app.modules.ts emomoduulissa, koodi on seuraava:

Alimoduulit eivät voi tuoda komponentteja emomoduulista, jos haluat jakaa otsikkokomponentin, tuo otsikkokomponentti jokaiseen käytettävään moduuliin.
Jaetut moduulit ovat myös vanhempia moduuleja, jotka voivat viedä asioita lapsimoduuleista, lisäät tarvittavat tiedot moduuliin ja tuot sen sitten muihin moduuleihin

Viitelinkit:Hyperlinkin kirjautuminen on näkyvissä.


Komponentti-HTML-sivu itsvse.component.html esitelty:

CSS-tyylilomakkeen setin korkeus:

itsvse.component.ts-koodi (molemmat alla olevat TS-koodit ovat hyväksyttäviä)

Menetelmä 1:

Menetelmä 2:

Lopuksi käynnistä projekti, niin näet echarts-kaavion efektin.






Edellinen:Angular6 esittelee Baidu-karttaoppaan
Seuraava:Docker käytännössä
 Vuokraisäntä| Julkaistu 10.5.2019 10.48.10 |
 Vuokraisäntä| Julkaistu 10.5.2019 16.25.17 |
Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.

Mail To:help@itsvse.com