ChartJsCanvasPCF هو عنصر تحكم مخصص لإطار عمل مكونات Power Apps (PCF) يستخدم Chart.js، وهي مكتبة JavaScript مفتوحة المصدر لإنشاء مخططات تفاعلية على صفحات الويب. يسمح عنصر التحكم هذا للمستخدمين بتصور البيانات والتفاعل معها داخل Power Apps Canvas. فيديو تجريبي
Chart.js هي مكتبة رسوم بيانية مرنة لجافا سكريبت للويب الحديث. فهو يوفر للمطورين القدرة على إنشاء ثمانية أنواع مختلفة من الرسوم البيانية المتحركة والقابلة للتخصيص. يستخدم Chart.js عنصر قماش HTML5 للعرض، والذي يوفر أداءً رائعًا عبر جميع المتصفحات الحديثة.
يقبل التحكم PCF العديد من المدخلات ويوفر المخرجات. من الأفضل عرض القدرات في ChartJsDemo.msapp.
البيانات (راجع مجلد بيانات المثال)
الخيارات (راجع مجلد بيانات المثال)
النوع (نوع المخطط، أي شريط)
labelSize (حجم الخط للتسميات، أي 15)
نوع الخط (نوع الخط، مثل Arial)
العنصر المحدد (يُرجع فهرس نقطة البيانات المحددة)
lastSelected (زمن التحديد الأخير، راجع التطبيق التجريبي للاستخدام)
قم بتنزيل ملف PowerAppsToolsTemp_dev.zip واتبع التعليمات التالية: Speed Run Install PCF
Node.js
واجهة سطر أوامر Power Apps
استنساخ المستودع:
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 لتوفير وظيفة المخطط التأسيسي.
ينكدين
