ChartJsCanvasPCF คือตัวควบคุม Power Apps Component Framework (PCF) แบบกำหนดเองที่ใช้ Chart.js ซึ่งเป็นไลบรารี JavaScript แบบโอเพ่นซอร์สสำหรับการสร้างแผนภูมิเชิงโต้ตอบบนเว็บเพจ การควบคุมนี้ช่วยให้ผู้ใช้สามารถมองเห็นและโต้ตอบกับข้อมูลภายใน Power Apps Canvas วิดีโอสาธิต
Chart.js เป็นไลบรารีการสร้างแผนภูมิ JavaScript ที่ยืดหยุ่นสำหรับเว็บสมัยใหม่ ช่วยให้นักพัฒนาสามารถสร้างแผนภูมิภาพเคลื่อนไหวและแผนภูมิที่ปรับแต่งได้แปดประเภทที่แตกต่างกัน Chart.js ใช้องค์ประกอบผ้าใบ HTML5 ในการเรนเดอร์ ซึ่งให้ประสิทธิภาพที่ยอดเยี่ยมในเบราว์เซอร์สมัยใหม่ทั้งหมด
ส่วนควบคุม PCF ยอมรับอินพุตหลายอินพุตและจัดเตรียมเอาต์พุต ดูความสามารถได้ดีที่สุดใน ChartJsDemo.msapp
ข้อมูล (อ้างอิงถึงโฟลเดอร์ข้อมูลตัวอย่าง)
ตัวเลือก (อ้างอิงถึงโฟลเดอร์ข้อมูลตัวอย่าง)
ประเภท (ประเภทแผนภูมิ เช่น แท่ง)
labelSize (ขนาดตัวอักษรสำหรับป้ายกำกับ เช่น 15)
fontType (ประเภทแบบอักษรเช่น Arial)
SelectedItem (ส่งคืนดัชนีของจุดข้อมูลที่เลือก)
LastSelected (เวลายุคของการเลือกครั้งล่าสุด อ้างอิงถึงแอปสาธิตการใช้งาน)
ดาวน์โหลดไฟล์ PowerAppsToolsTemp_dev.zip และปฏิบัติตามคำแนะนำเหล่านี้: เรียกใช้ความเร็ว ติดตั้ง PCF
โหนด js
Power Apps CLI
โคลนที่เก็บ:
git clone https://github.com/Belleye/ChartJsCanvasPCF.git
นำทางไปยังไดเร็กทอรีโครงการ:
cd src
ติดตั้งการพึ่งพา:
npm install
ในการเริ่มต้นเซิร์ฟเวอร์การพัฒนา:
npm start watch
วิธีสร้างโครงการ:
npm run build
หากต้องการผลักดันการควบคุมไปยัง Power Apps:
pac pcf push
หลังจากการปรับใช้ เพิ่มการควบคุม ChartJsCanvasPCF ไปยัง Power Apps Canvas ของคุณ และผูกเข้ากับแหล่งข้อมูลของคุณ
ยินดีบริจาค
โครงการนี้ได้รับอนุญาตภายใต้ใบอนุญาต MIT - ดูรายละเอียดในไฟล์ใบอนุญาต
ไลบรารี Chart.js สำหรับมอบฟังก์ชันการทำงานของแผนภูมิพื้นฐาน
ลิงค์อิน
