ChartJsCanvasPCF

ChartJsCanvasPCF

ChartJsCanvasPCF adalah kontrol kerangka komponen Power Apps (PCF) kustom yang menggunakan Chart.js, pustaka JavaScript sumber terbuka untuk membuat bagan interaktif di halaman web. Kontrol ini memungkinkan pengguna untuk memvisualisasikan dan berinteraksi dengan data dalam Power Apps Canvas. Video Demo

Pengantar Chart.js

Chart.js adalah pustaka pembuatan bagan JavaScript yang fleksibel untuk web modern. Ini memberi pengembang kemampuan untuk membuat delapan jenis grafik animasi dan dapat disesuaikan. Chart.js menggunakan elemen kanvas HTML5 untuk rendering, yang menawarkan kinerja luar biasa di semua browser modern.

Masukan dan Keluaran PCF

Kontrol PCF menerima beberapa masukan dan memberikan keluaran. Kemampuan paling baik dilihat di ChartJsDemo.msapp.

Masukan

• data (Lihat folder Contoh Data)

• pilihan (Lihat folder Contoh Data)

• type (Jenis bagan yaitu batang)

• labelSize (Ukuran font untuk label yaitu 15)

• fontType (Jenis Font yaitu Arial)

Keluaran

• selectItem (mengembalikan indeks titik data yang dipilih)

• lastSelected (Waktu pemilihan terakhir, lihat aplikasi demo untuk penggunaan)

Memasang

Unduh file PowerAppsToolsTemp_dev.zip dan ikuti petunjuk berikut: Speed ​​Run Install PCF

Bangun Dari Sumber

Prasyarat

• Node.js

• CLI Power Apps

Instalasi

Kloning repositori:

git clone https://github.com/Belleye/ChartJsCanvasPCF.git

Arahkan ke direktori proyek:

cd src

Instal dependensi:

npm install

Perkembangan

Untuk memulai server pengembangan:

npm start watch

Untuk membangun proyek:

npm run build

Penyebaran

Untuk mendorong kontrol ke Power Apps:

pac pcf push

Penggunaan

Setelah penerapan, tambahkan kontrol ChartJsCanvasPCF ke Kanvas Power Apps Anda dan ikat ke sumber data Anda.

Berkontribusi

Kontribusi dipersilahkan.

Lisensi

Proyek ini dilisensikan di bawah Lisensi MIT - lihat file LISENSI untuk detailnya.

Ucapan Terima Kasih

• Pustaka Chart.js untuk menyediakan fungsionalitas bagan dasar.

Menghubungkan

LinkedIn