Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Nézet: 14060|Válasz: 2

[Szöglet] 【Practice】Angular6.x bemutatja az echarts chart tutorial-et

[Linket másol]
Közzétéve 2019. 04. 24. 15:27:55 | | | |
előszó

Mivel az Angular2+ TypeScript segítségével készül, ha echarts-t akarsz használni, telepítened kell az Angular plugin NGX-echarts-t. A képek a következők:



GitHub cím:A hiperlink bejelentkezés látható.
echarts kapcsolódó tudás és API:A hiperlink bejelentkezés látható.

Telepítés

NPM telepítési parancs:

npm install module_name -S, azaz npm install module_name --save write-dependenciesnpm install module_name-D --d, azaz npm install module_name --save-dev ír devDependencies


Bemutatták az ngx-echarts modult

Bevezetése az NgxEchartsModult a app.modules.ts gyökérmodulba

Mivel az oldalam alkomponens, importálnom kell egy almodulbaNem szükséges importálni a app.modules.ts szülő modulba, a kód a következő:

Az almodulok nem importálhatják az összetevőket az anyamodulból, ha megosztani akarod a fejléc-komponenst, importáld a fejléckomponst minden modulba, amit használni szeretnél.
A megosztott modulok szülőmodulok is, amelyek exportálhatják a dolgokat a gyermek modulokból, hozzáadod, amit meg kell osztani, egy modulba, majd importálod más modulokba

Hivatkozások:A hiperlink bejelentkezés látható.


A komponens HTML oldal itsvse.component.html bemutatva:

CSS stíluslap készletmagasság:

itsvse.component.ts kód (mindkét TS kód elfogadható)

1. módszer:

2. módszer:

Végül indítsd el a projektet, és láthatod az echarts chart effektjét.






Előző:Az Angular6 bemutatja a Baidu térkép oktató útmutatót
Következő:Docker a gyakorlatban
 Háziúr| Közzétéve 2019. 05. 10. 10:48:10 |
 Háziúr| Közzétéve 2019. 05. 10. 16:25:17 |
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.

Mail To:help@itsvse.com