图表组件
图表组件用于在表单或看板类页面中展示数据趋势、占比与流程关系。从组件列表「图表组件」分组拖入,再配置数据与外观。
在哪里找
组件列表 → 图表组件分组。
录入型业务表单不是必须使用图表;更常见于汇报页、看板、问卷结果展示。
组件一览
统计图:折线图、体积图、柱状图、条形图、饼图、漏斗图、仪表盘、雷达图、散点图、自定义图表
关系 / 示意类:流程图、时序图、类图、状态图、象限图、思维导图、时间线图、数据包图、看板图
具体可用项以当前环境为准。
怎么用(分步)
- 拖入目标图表到工作区(可放在卡片布局内)。
- 在属性中维护系列数据(静态示例或绑定数据来源)。
- 调整标题、图例、颜色等展示项。
- 预览检查在 PC / 移动宽度下是否清晰、是否过度拥挤。
数据若多处复用,可先放到全局数据源或全局变量,再在图表中引用。
选型建议
| 诉求 | 优先 |
|---|---|
| 趋势变化 | 折线、面积(体积图) |
| 类别对比 | 柱状、条形 |
| 占比 | 饼图 |
| 转化 | 漏斗 |
| 完成率 | 仪表盘 |
| 多维对比 | 雷达、散点 |
| 流程关系 | 流程图、状态图、时序图 |
| 想法整理 | 思维导图、象限图 |
| 里程碑 | 时间线图 |
业务示例
入门:满意度占比(饼图)
背景:问卷回收后,在表单顶部展示「满意 / 一般 / 不满意」占比。 步骤:拖入饼图 → 填入三组名称与数值 → 预览。 预期:一眼看到占比结构。
入门:本月报销对比(柱状图)
部门费用柱状对比;数据先静态验收样式,再改为绑定数据源。
常用:项目进度看板
仪表盘展示完成率;时间线图列出里程碑;必要时用全局数据源统一喂数。汇报页信息集中,数据改一处多图更新(若已绑定同一来源)。
常用:流程说明用流程图
审批路径用流程图示意「申请人 → 主管 → 财务」,减少大段文字;真正填报字段仍用基础组件。
常用:统计栏 + 图表
辅助组件统计栏显示总金额数字,旁侧柱状图展示分类构成,数字与图形互补。
注意点
- 图表偏展示,不要替代必填录入字段。
- 移动端减少系列数量与图例文字,避免挤成一团。
- 绑定远程数据时先用测试请求确认结构。
- 颜色对比度要够,打印/投影场景慎用过浅色。


