Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Pohľad: 14060|Odpoveď: 2

[Angular] 【Prax】Angular6.x predstavuje tutoriál echarts grafov

[Kopírovať odkaz]
Zverejnené 24. 4. 2019 15:27:55 | | | |
predhovor

Keďže Angular2+ je vyvíjaný pomocou TypeScriptu, ak chcete používať echarts, musíte nainštalovať Angular plugin NGX-echarts. Vizualizácie sú nasledovné:



GitHub adresa:Prihlásenie na hypertextový odkaz je viditeľné.
Súvisiace znalosti a API s eCharts:Prihlásenie na hypertextový odkaz je viditeľné.

Inštalácia

NPM inštalačný príkaz:

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


Predstavili modul ngx-echarts

Zaveďte NgxEchartsModule do app.modules.ts root modulu

Keďže moja stránka je subkomponent, musím ju importovať do submoduluNemusí byť importovaný do app.modules.ts nadradeného modulu, kód je nasledovný:

Submoduly nemôžu importovať komponenty z nadradeného modulu, ak chcete zdieľať hlavičku komponentu, importujte hlavičku do každého modulu, ktorý chcete použiť.
Zdieľané moduly sú tiež nadradené moduly, ktoré môžu exportovať veci z podmodulov, pridáte to, čo treba zdieľať, do modulu a potom to importujete do iných modulov

Referenčné odkazy:Prihlásenie na hypertextový odkaz je viditeľné.


Komponentná HTML stránka itsvse.component.html zavedená:

Výška sady CSS štýlov:

itsvse.component.ts kód (oba TS kódy nižšie sú prijateľné)

Metóda 1:

Metóda 2:

Nakoniec spustite projekt a uvidíte efekt echarts grafu.






Predchádzajúci:Angular6 predstavuje tutoriál o mape Baidu
Budúci:Docker v praxi
 Prenajímateľ| Zverejnené 10. 5. 2019 10:48:10 |
 Prenajímateľ| Zverejnené 10. 5. 2019 16:25:17 |
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.

Mail To:help@itsvse.com