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 库用于提供基础图表功能。
领英