画布时间线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
• 斯科特·杜罗

连接

领英