1.9 KiB
1.9 KiB
FastBee 驾驶舱制作指南
5分钟上手，只讲操作，不讲原理
一、登录
- 打开 yack-view 地址
- 用管理后台的账号密码登录
二、新建大屏
- 点击「新建项目」
- 输入名字，比如「车间监控大屏」
- 点「确定」
三、做界面
编辑器左侧是组件库，拖拽到中间画布：
| 组件 | 用来做什么 |
|---|---|
| 柱状图 | 对比数据高低 |
| 折线图 | 看趋势变化 |
| 饼图 | 看占比 |
| 仪表盘 | 看完成率 |
| 数字翻牌 | 显示单个关键数字 |
| 边框 | 装饰用 |
操作：
- 拖拽移动位置
- 拉边框角落调整大小
- 点组件 → 右侧修改内容
四、接入真实数据（重点）
点击组件 → 右侧「数据」标签：
方式1：静态数据
手动输入数字，适用于演示。直接改 JSON 里的数值。
方式2：对接 FastBee 数据（常用）
选择「Ajax 请求」：
请求地址: /prod-api/接口路径
刷新间隔: 30秒（数据多久更新一次）
常用接口：
| 你想展示 | 接口路径 |
|---|---|
| 设备在线数 | /device/online/count |
| 设备列表 | /device/list |
| 设备统计数据 | /device/stat |
| 告警列表 | /alert/list |
| 产品列表 | /product/list |
具体接口去 FastBee 管理后台的 Swagger 文档里查
方式3：数据池（多个图表用同一份数据）
- 先创建一个数据池，配好 Ajax
- 其他组件选「数据池」，绑定到这个池
五、保存和预览
- 顶部「💾 保存」：保存修改
- 顶部「👁 预览」：看实际效果
六、发布分享
- 项目列表点「发布」
- 复制生成的链接发给别人
七、常见问题
Q：图表显示空白
检查数据源配置对不对，接口能不能调通
Q：数据不刷新
确保点了「刷新间隔」，设置具体秒数
有问题找开发人员