Šis straipsnis yra veidrodinis mašininio vertimo straipsnis, spauskite čia norėdami pereiti prie originalaus straipsnio.

Rodinys: 14060|Atsakyti: 2

[Kampinis] 【Praktika】 Angular6.x pristato echarts diagramos pamoką

[Kopijuoti nuorodą]
Paskelbta 2019-04-24 15:27:55 | | | |
Įvadas

Kadangi "Angular2+" sukurtas naudojant "TypeScript", jei norite naudoti "echarts", turite įdiegti "Angular" papildinį NGX-echarts. Atvaizdai yra tokie:



"GitHub" adresas:Hipersaito prisijungimas matomas.
Su echarts susijusios žinios ir API:Hipersaito prisijungimas matomas.

Diegimo

npm diegimo komanda:

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


Pristatytas ngx-echarts modulis

Pristatykite NgxEchartsModule app.modules.ts šakniniame modulyje

Kadangi mano puslapis yra subkomponentas, turiu jį importuoti į submodulįJo nereikia importuoti į app.modules.ts pirminį modulį, kodas yra toks:

Submoduliai negali importuoti komponentų iš pirminio modulio, jei norite bendrai naudoti antraštės komponentą, importuokite antraštės komponentą į kiekvieną modulį, kurį norite naudoti.
Bendrai naudojami moduliai taip pat yra pirminiai moduliai, kurie gali eksportuoti dalykus iš antrinių modulių, įtraukiate tai, ką reikia bendrinti, į modulį ir importuojate į kitus modulius

Nuorodos nuorodos:Hipersaito prisijungimas matomas.


Komponentas HTML puslapis itsvse.component.html pristatytas:

CSS stiliaus lapo rinkinio aukštis:

itsvse.component.ts kodas (priimtini abu toliau nurodyti TS kodai)

1 metodas:

2 metodas:

Galiausiai paleiskite projektą ir pamatysite echarts diagramos efektą.






Ankstesnis:"Angular6" pristato "Baidu" žemėlapio pamoką
Kitą:"Docker" praktikoje
 Savininkas| Paskelbta 2019-05-10 10:48:10 |
 Savininkas| Paskelbta 2019-05-10 16:25:17 |
Atsakomybės apribojimas:
Visa programinė įranga, programavimo medžiaga ar straipsniai, kuriuos skelbia Code Farmer Network, yra skirti tik mokymosi ir mokslinių tyrimų tikslams; Aukščiau nurodytas turinys negali būti naudojamas komerciniais ar neteisėtais tikslais, priešingu atveju vartotojai prisiima visas pasekmes. Šioje svetainėje pateikiama informacija gaunama iš interneto, o ginčai dėl autorių teisių neturi nieko bendra su šia svetaine. Turite visiškai ištrinti aukščiau pateiktą turinį iš savo kompiuterio per 24 valandas nuo atsisiuntimo. Jei jums patinka programa, palaikykite autentišką programinę įrangą, įsigykite registraciją ir gaukite geresnes autentiškas paslaugas. Jei yra kokių nors pažeidimų, susisiekite su mumis el. paštu.

Mail To:help@itsvse.com