ChartJsCanvasPCF 是一個自訂 Power Apps 元件框架 (PCF) 控件,它使用 Chart.js(一個用於在網頁上建立互動式圖表的開源 JavaScript 程式庫)。此控制項可讓使用者視覺化 Power Apps Canvas 中的資料並與之互動。示範影片
Chart.js 是一個適用於現代 Web 的靈活 JavaScript 圖表庫。它為開發人員提供了創建八種不同類型的動畫和可自訂圖表的能力。 Chart.js 使用 HTML5 canvas 元素進行渲染,它在所有現代瀏覽器中提供了出色的效能。
PCF 控制器接受多個輸入並提供輸出。最好在 ChartJsDemo.msapp 中查看功能。
數據(請參閱範例資料夾)
選項(請參閱範例資料資料夾)
類型(圖表類型,即長條圖)
labelSize(標籤的字體大小,即 15)
fontType(字體類型,即 Arial)
selectedItem(傳回所選資料點的索引)
lastSelected (最後一次選擇的紀元時間,使用方法請參考 demo app)
下載 PowerAppsToolsTemp_dev.zip 檔案並按照以下說明進行操作: 快速執行安裝 PCF
Node.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 函式庫用於提供基礎圖表功能。
領英