Questo articolo è un articolo speculare di traduzione automatica, clicca qui per saltare all'articolo originale.

Vista: 14060|Risposta: 2

[Angolare] 【Practice】Angular6.x introduce il tutorial delle echarts chart

[Copiato link]
Pubblicato su 24/04/2019 15:27:55 | | | |
prefazione

Poiché Angular2+ è sviluppato usando TypeScript, se vuoi usare echart, devi installare il plugin Angular NGX-echarts. Le rappresentazioni sono le seguenti:



Indirizzo GitHub:Il login del link ipertestuale è visibile.
Conoscenze e API correlate a echarts:Il login del link ipertestuale è visibile.

Installazione

Comando di installazione NPM:

npm install module_name -S, cioè npm install module_name --salva write-dependenciesnpm install module_name-D --d, cioè npm install module_name --save-dev scrive devDependencies


Introdotto il modulo ngx-echarts

Introdurre NgxEchartsModule nel modulo radice app.modules.ts

Dato che la mia pagina è un sottocomponente, devo importarla in un sottomoduloNon è necessario importarlo nel modulo genitore app.modules.ts, il codice è il seguente:

I sottomoduli non possono importare componenti dal modulo genitore; se vuoi condividere il componente di intenatura, importalo in ogni modulo che vuoi utilizzare.
I moduli condivisi sono anche moduli genitori che possono esportare elementi da moduli figli, aggiungi ciò che deve essere condiviso in un modulo e poi lo importi in altri moduli

Collegamenti di riferimento:Il login del link ipertestuale è visibile.


Introdotta la pagina HTML dei component itsvse.component.html i:

Altezza del set del foglio di stile CSS:

itsvse.component.ts codice (entrambi i codici TS qui sotto sono accettabili)

Metodo 1:

Metodo 2:

Infine, esegui il progetto e puoi vedere l'effetto del grafico echarts.






Precedente:Angular6 introduce il tutorial sulla mappa Baidu
Prossimo:Docker in pratica
 Padrone di casa| Pubblicato su 10/05/2019 10:48:10 |
 Padrone di casa| Pubblicato su 10/05/2019 16:25:17 |
Disconoscimento:
Tutto il software, i materiali di programmazione o gli articoli pubblicati dalla Code Farmer Network sono destinati esclusivamente all'apprendimento e alla ricerca; I contenuti sopra elencati non devono essere utilizzati per scopi commerciali o illegali, altrimenti gli utenti dovranno sostenere tutte le conseguenze. Le informazioni su questo sito provengono da Internet, e le controversie sul copyright non hanno nulla a che fare con questo sito. Devi eliminare completamente i contenuti sopra elencati dal tuo computer entro 24 ore dal download. Se ti piace il programma, ti preghiamo di supportare software autentico, acquistare la registrazione e ottenere servizi autentici migliori. In caso di violazione, vi preghiamo di contattarci via email.

Mail To:help@itsvse.com