ChartJsCanvasPCF ist ein benutzerdefiniertes PCF-Steuerelement (Power Apps Component Framework), das Chart.js verwendet, eine Open-Source-JavaScript-Bibliothek zum Erstellen interaktiver Diagramme auf Webseiten. Mit diesem Steuerelement können Benutzer Daten in Power Apps Canvas visualisieren und mit ihnen interagieren. Demo-Video
Chart.js ist eine flexible JavaScript-Diagrammbibliothek für das moderne Web. Es bietet Entwicklern die Möglichkeit, acht verschiedene Arten animierter und anpassbarer Diagramme zu erstellen. Chart.js verwendet zum Rendern das HTML5-Canvas-Element, das in allen modernen Browsern eine hervorragende Leistung bietet.
Die PCF-Steuerung akzeptiert mehrere Eingaben und stellt Ausgaben bereit. Die Funktionen werden am besten in der ChartJsDemo.msapp angezeigt.
Daten (siehe Beispieldatenordner)
Optionen (siehe Beispieldatenordner)
Typ (Diagrammtyp, z. B. Balken)
labelSize (Schriftgröße für Etiketten, z. B. 15)
fontType (Schriftart, z. B. Arial)
selectedItem (gibt den Index des ausgewählten Datenpunkts zurück)
lastSelected (Epochenzeit der letzten Auswahl, Informationen zur Verwendung finden Sie in der Demo-App)
Laden Sie die Datei PowerAppsToolsTemp_dev.zip herunter und befolgen Sie diese Anweisungen: Speed Run Installieren Sie PCF
Node.js
Power Apps-CLI
Klonen Sie das Repository:
git clone https://github.com/Belleye/ChartJsCanvasPCF.git
Navigieren Sie zum Projektverzeichnis:
cd src
Abhängigkeiten installieren:
npm install
So starten Sie den Entwicklungsserver:
npm start watch
So erstellen Sie das Projekt:
npm run build
So übertragen Sie die Steuerung auf Power Apps:
pac pcf push
Fügen Sie nach der Bereitstellung das ChartJsCanvasPCF-Steuerelement zu Ihrem Power Apps Canvas hinzu und binden Sie es an Ihre Datenquelle.
Beiträge sind willkommen.
Dieses Projekt ist unter der MIT-Lizenz lizenziert – Einzelheiten finden Sie in der LIZENZ-Datei.
Chart.js-Bibliothek zur Bereitstellung der grundlegenden Diagrammfunktionalität.
