Artikel ini adalah artikel cermin dari terjemahan mesin, silakan klik di sini untuk melompat ke artikel aslinya.

Jaringan Pertanian Architect_Programmer_Code»Arsitek › Desain front-end & web › Bingkai ujung depan › 【Latihan】Angular6.x memperkenalkan tutorial bagan echart
Melihat: 14060|Jawab: 2

[Sudut] 【Latihan】Angular6.x memperkenalkan tutorial bagan echart

[Salin tautan]
Diposting pada 24/04/2019 15.27.55 | | | |
kata pengantar

Karena Angular2+ dikembangkan menggunakan TypeScript, jika Anda ingin menggunakan echarts, Anda harus menginstal plugin Angular NGX-echarts. Renderingnya adalah sebagai berikut:



Alamat GitHub:Login hyperlink terlihat.
Pengetahuan dan API terkait echarts:Login hyperlink terlihat.

Instalasi

Perintah instalasi npm:

npm install module_name -S yaitu npm install module_name --save write-dependenciesnpm install module_name-D --d, yaitu npm install module_name --save-dev menulis devDependencies


Memperkenalkan modul ngx-echarts

Perkenalkan NgxEchartsModule di modul root app.modules.ts

Karena halaman saya adalah subkomponen, saya perlu mengimpornya dalam submodul，Tidak perlu diimpor di modul induk app.modules.ts, kodenya adalah sebagai berikut:

Submodul tidak dapat mengimpor komponen dari modul induk, jika Anda ingin berbagi komponen header, impor komponen header ke setiap modul yang ingin Anda gunakan.
Modul bersama juga merupakan modul induk yang dapat mengekspor hal-hal dari modul anak, Anda menambahkan apa yang perlu dibagikan ke dalam modul, lalu mengimpornya ke modul lain

Tautan referensi:Login hyperlink terlihat.


Halaman HTML komponen itsvse.component.html diperkenalkan:

Tinggi Set Stylesheet CSS:

itsvse.component.ts kode (kedua kode TS di bawah ini dapat diterima)

Metode 1:

Metode 2:

Terakhir, jalankan proyek dan Anda dapat melihat efek grafik echarts.






Mantan:Angular6 memperkenalkan tutorial peta Baidu
Depan:Docker dalam Praktek

Pos terkait
 Tuan tanah| Diposting pada 10/05/2019 10.48.10 |
https://xieziyu.github.io/ngx-echarts/#/home
 Tuan tanah| Diposting pada 10/05/2019 16.25.17 |
https://www.echartsjs.com/gallery/vendors/echarts/echarts.min.js
https://www.echartsjs.com/gallery/vendors/echarts/map/js/china.js
https://www.echartsjs.com/galler ... tension/bmap.min.js
Sanggahan:
Semua perangkat lunak, materi pemrograman, atau artikel yang diterbitkan oleh Code Farmer Network hanya untuk tujuan pembelajaran dan penelitian; Konten di atas tidak boleh digunakan untuk tujuan komersial atau ilegal, jika tidak, pengguna akan menanggung semua konsekuensi. Informasi di situs ini berasal dari Internet, dan sengketa hak cipta tidak ada hubungannya dengan situs ini. Anda harus sepenuhnya menghapus konten di atas dari komputer Anda dalam waktu 24 jam setelah pengunduhan. Jika Anda menyukai program ini, harap dukung perangkat lunak asli, pembelian pendaftaran, dan dapatkan layanan asli yang lebih baik. Jika ada pelanggaran, silakan hubungi kami melalui email.
Mail To:help@itsvse.com