ChartJsCanvasPCF est un contrôle PCF (Component Framework) Power Apps personnalisé qui utilise Chart.js, une bibliothèque JavaScript open source pour créer des graphiques interactifs sur des pages Web. Ce contrôle permet aux utilisateurs de visualiser et d'interagir avec les données dans Power Apps Canvas. Vidéo de démonstration
Chart.js est une bibliothèque de graphiques JavaScript flexible pour le Web moderne. Il offre aux développeurs la possibilité de créer huit types différents de graphiques animés et personnalisables. Chart.js utilise l'élément canevas HTML5 pour le rendu, qui offre d'excellentes performances sur tous les navigateurs modernes.
Le contrôle PCF accepte plusieurs entrées et fournit des sorties. Les fonctionnalités sont mieux visualisées dans ChartJsDemo.msapp.
données (voir le dossier Exemple de données)
options (voir le dossier Exemple de données)
type (Type de graphique, c'est-à-dire barre)
labelSize (taille de police pour les étiquettes, c'est-à-dire 15)
fontType (Type de police, c'est-à-dire Arial)
selectedItem (renvoie l'index du point de données sélectionné)
lastSelected (Epoque de la dernière sélection, reportez-vous à l'application de démonstration pour son utilisation)
Téléchargez le fichier PowerAppsToolsTemp_dev.zip et suivez ces instructions : Speed Run Install PCF
Noeud.js
CLI Power Apps
Clonez le dépôt :
git clone https://github.com/Belleye/ChartJsCanvasPCF.git
Accédez au répertoire du projet :
cd src
Installer les dépendances :
npm install
Pour démarrer le serveur de développement :
npm start watch
Pour construire le projet :
npm run build
Pour pousser le contrôle vers Power Apps :
pac pcf push
Après le déploiement, ajoutez le contrôle ChartJsCanvasPCF à votre Power Apps Canvas et liez-le à votre source de données.
Les contributions sont les bienvenues.
Ce projet est sous licence MIT - voir le fichier LICENSE pour plus de détails.
Bibliothèque Chart.js pour fournir la fonctionnalité graphique fondamentale.
