Ten artykuł jest lustrzanym artykułem tłumaczenia maszynowego, kliknij tutaj, aby przejść do oryginalnego artykułu.

Widok: 14060|Odpowiedź: 2

[Angular] 【Practice】Angular6.x wprowadza tutorial z wykresami echarts

[Skopiuj link]
Opublikowano 24.04.2019 15:27:55 | | | |
przedmowa

Ponieważ Angular2+ jest rozwijany w TypeScript, jeśli chcesz używać echarts, musisz zainstalować wtyczkę Angular NGX-echarts. Przedstawienia przedstawiają się następująco:



Adres GitHub:Logowanie do linku jest widoczne.
Wiedza i API związane z eCharts:Logowanie do linku jest widoczne.

Instalacja

Polecenie instalacji NPM:

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


Wprowadzono moduł ngx-echarts

Wprowadź NgxEchartsModule w module app.modules.ts root

Ponieważ moja strona jest podkomponentem, muszę ją zaimportować do podmodułuNie musi być importowany do modułu nadrzędnego app.modules.ts, kod jest następujący:

Submoduły nie mogą importować komponentów z modułu nadrzędnego, jeśli chcesz udostępnić komponent nagłówka, zaimportuj komponent nagłówka do każdego modułu, którego chcesz użyć.
Moduły współdzielone to także moduły nadarczone, które mogą eksportować rzeczy z modułów podrzędnych – dodajesz to, co trzeba udostępnić, do modułu, a następnie importujesz to do innych modułów

Linki referencyjne:Logowanie do linku jest widoczne.


Wprowadzono itsvse.component.html komponentowej strony HTML:

Wysokość zestawu arkusza stylów CSS:

itsvse.component.ts kod (oba poniższe kody TS są akceptowalne)

Metoda 1:

Metoda 2:

Na koniec, uruchom projekt i zobaczysz efekt wykresu echarts.






Poprzedni:Angular6 wprowadza tutorial mapy Baidu
Następny:Docker w praktyce
 Ziemianin| Opublikowano 10.05.2019 10:48:10 |
 Ziemianin| Opublikowano 10.05.2019 16:25:17 |
Zrzeczenie się:
Całe oprogramowanie, materiały programistyczne lub artykuły publikowane przez Code Farmer Network służą wyłącznie celom edukacyjnym i badawczym; Powyższe treści nie mogą być wykorzystywane do celów komercyjnych ani nielegalnych, w przeciwnym razie użytkownicy ponoszą wszelkie konsekwencje. Informacje na tej stronie pochodzą z Internetu, a spory dotyczące praw autorskich nie mają z nią nic wspólnego. Musisz całkowicie usunąć powyższą zawartość z komputera w ciągu 24 godzin od pobrania. Jeśli spodoba Ci się program, wspieraj oryginalne oprogramowanie, kup rejestrację i korzystaj z lepszych, autentycznych usług. W przypadku naruszenia praw prosimy o kontakt mailowy.

Mail To:help@itsvse.com