Tento článek je zrcadlovým článkem o strojovém překladu, klikněte zde pro přechod na původní článek.

Pohled: 14060|Odpověď: 2

[Angular] 【Praxe】Angular6.x představuje tutoriál echarts charts

[Kopírovat odkaz]
Zveřejněno 24.04.2019 15:27:55 | | | |
předmluva

Protože Angular2+ je vyvíjen pomocí TypeScriptu, pokud chcete používat echarts, musíte nainstalovat plugin Angular NGX-echarts. Vizualizace jsou následující:



Adresa GitHubu:Přihlášení k hypertextovému odkazu je viditelné.
Související znalosti a API s eCharts:Přihlášení k hypertextovému odkazu je viditelné.

Instalace

NPM instalační příkaz:

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


Představen modul ngx-echarts

Představte NgxEchartsModule v modulu app.modules.ts root

Protože moje stránka je subkomponenta, musím ji importovat do submoduluNení nutné jej importovat do app.modules.ts nadřazenského modulu, kód je následující:

Submoduly nemohou importovat komponenty z nadřazeného modulu, pokud chcete sdílet hlavičku komponentu, importujte hlavičku do každého modulu, který chcete použít.
Sdílené moduly jsou také nadřazené moduly, které mohou exportovat věci z podmodulů, přidáte, co je potřeba sdílet, do modulu a pak to importujete do jiných modulů

Referenční odkazy:Přihlášení k hypertextovému odkazu je viditelné.


Komponentní HTML stránka itsvse.component.html zavedena:

Výška sady CSS stylů:

itsvse.component.ts kód (oba níže uvedené TS kódy jsou přijatelné)

Metoda 1:

Metoda 2:

Nakonec projekt spusťte a uvidíte efekt echarts grafu.






Předchozí:Angular6 představuje tutoriál na Baidu mapu
Další:Docker v praxi
 Pronajímatel| Zveřejněno 10.05.2019 10:48:10 |
 Pronajímatel| Zveřejněno 10.05.2019 16:25:17 |
Zřeknutí se:
Veškerý software, programovací materiály nebo články publikované organizací Code Farmer Network slouží pouze k učení a výzkumu; Výše uvedený obsah nesmí být používán pro komerční ani nelegální účely, jinak nesou všechny důsledky uživatelé. Informace na tomto webu pocházejí z internetu a spory o autorská práva s tímto webem nesouvisí. Musíte výše uvedený obsah ze svého počítače zcela smazat do 24 hodin od stažení. Pokud se vám program líbí, podporujte prosím originální software, kupte si registraci a získejte lepší skutečné služby. Pokud dojde k jakémukoli porušení, kontaktujte nás prosím e-mailem.

Mail To:help@itsvse.com