Skip to content

图表组件

图表组件用于在表单或看板类页面中展示数据趋势、占比与流程关系。从组件列表「图表组件」分组拖入,再配置数据与外观。

在哪里找

组件列表图表组件分组。

录入型业务表单不是必须使用图表;更常见于汇报页、看板、问卷结果展示。

组件一览

统计图:折线图、体积图、柱状图、条形图、饼图、漏斗图、仪表盘、雷达图、散点图、自定义图表

关系 / 示意类:流程图、时序图、类图、状态图、象限图、思维导图、时间线图、数据包图、看板图

具体可用项以当前环境为准。

怎么用(分步)

  1. 拖入目标图表到工作区(可放在卡片布局内)。
  2. 在属性中维护系列数据(静态示例或绑定数据来源)。
  3. 调整标题、图例、颜色等展示项。
  4. 预览检查在 PC / 移动宽度下是否清晰、是否过度拥挤。

数据若多处复用,可先放到全局数据源全局变量,再在图表中引用。

选型建议

诉求优先
趋势变化折线、面积(体积图)
类别对比柱状、条形
占比饼图
转化漏斗
完成率仪表盘
多维对比雷达、散点
流程关系流程图、状态图、时序图
想法整理思维导图、象限图
里程碑时间线图

业务示例

入门:满意度占比(饼图)

背景:问卷回收后,在表单顶部展示「满意 / 一般 / 不满意」占比。 步骤:拖入饼图 → 填入三组名称与数值 → 预览。 预期:一眼看到占比结构。

入门:本月报销对比(柱状图)

部门费用柱状对比;数据先静态验收样式,再改为绑定数据源。

常用:项目进度看板

仪表盘展示完成率;时间线图列出里程碑;必要时用全局数据源统一喂数。汇报页信息集中,数据改一处多图更新(若已绑定同一来源)。

常用:流程说明用流程图

审批路径用流程图示意「申请人 → 主管 → 财务」,减少大段文字;真正填报字段仍用基础组件

常用:统计栏 + 图表

辅助组件统计栏显示总金额数字,旁侧柱状图展示分类构成,数字与图形互补。

注意点

  • 图表偏展示,不要替代必填录入字段。
  • 移动端减少系列数量与图例文字,避免挤成一团。
  • 绑定远程数据时先用测试请求确认结构。
  • 颜色对比度要够,打印/投影场景慎用过浅色。

相关阅读

相关技术文档