畫布時間軸PCF

畫布時間軸PCF

CanvasTimelinePCF 是基於 vis-timeline 庫的自訂 Power Apps 元件框架 (PCF) 控制項。它允許用戶在 Power Apps Canvas 中視覺化基於時間的資料並與之互動。

更新

2024-05-21

新增了 DataverseSolution.zip，這將建立部署連接的應用程式所需的 dataverse 表。該應用程式具有將填充一些初始數據的按鈕。
新增了 Schema.md 描述了所需的表格以及與 CSS 樣式的關係

示範

在 YouTube 上觀看演示：CanvasTimelinePCF 演示

快速安裝指南

在 YouTube 上觀看 PCF 的 Speed Run 安裝：Speed Run Install PCF

特徵

• 互動式時間軸可視化
• 可自訂的項目樣式
• 與 Power Apps Canvas 集成

從原始碼構建

先決條件

• Node.js
• Power Apps CLI

安裝

1. 克隆儲存庫：

    git clone 
   

2. 導航到專案目錄：

    cd src
   

3. 安裝依賴項：

    npm install
   

發展

啟動開發伺服器：

 npm start watch

建構專案：

 npm run build

部署

若要將控制項推送到 Power Apps：

 pac pcf push

我還沒有找到導出到 zip 檔案的可靠方法（vsCode 和 PA CLI），目前在文件清理以獲取 zip 包之前終止發布。

用法

部署後，將 CanvasTimelinePCF 控制項新增至 Power Apps Canvas 並將其綁定至資料來源。
設定>顯示>縮放以適合：關閉

貢獻

歡迎貢獻。
我們需要：

• 有 Github 經驗的人
• 有人比我有更好的打字技巧：/

執照

該項目根據 MIT 許可證獲得許可 - 有關詳細信息，請參閱許可證文件。

致謝

• vis-timeline 庫，用於提供基本的時間軸功能。
• cursor.sh 最佳 IDE
• 斯科特·杜羅

連接

領英