图表组件
用于数据可视化展示,适用于统计分析或监控场景。这一类组件更偏展示和分析,通常会与表单中的输入字段、统计结果或外部数据一起使用。
折线图
核心用途:展示数据随时间或类别的变化趋势,适用于趋势分析
使用场景:日销售额填报趋势、用户增长数据监控

柱状图/条形图
核心用途:比较不同类别的数据大小,柱状图垂直显示,条形图水平显示
使用场景:月度订单量填报后对比、各部门业绩统计

饼图
核心用途:展示各部分占整体的比例
使用场景:费用构成填报、客户类型占比统计

漏斗图
核心用途:展示流程中各阶段的转化率
使用场景:销售漏斗或流程分析

仪表盘
核心用途:展示单一指标的完成度 / 达标率
使用场景:业绩完成率填报、KPI 达成率展示

雷达图
核心用途:多维度比较数据,适用于综合评分或能力分析。
使用场景:员工能力评分填报、产品维度评测

散点图
核心用途:展示两个变量之间的关系,适用于相关性分析。
使用场景:客单价与购买频次相关性分析

自定义图表
支持通过代码或配置自定义图表样式与交互,满足特殊需求。如果内置图表类型不能完全满足业务要求,也可以考虑通过扩展组件接入自定义图表组件。

流程图
核心功能
- 支持绘制标准业务流程、决策分支、循环逻辑等;
- 支持上下 / 左右布局、自定义节点样式(矩形、菱形、圆角矩形等);
- 可通过文本语法(
flowchart LR)或可视化拖拽生成。
典型场景
- 审批流程说明(如 “请假申请→部门审批→人事备案”);
- 业务操作指引(如 “用户下单→支付→发货→签收”)。

时序图
核心功能
- 展示对象 / 角色间的消息交互顺序、调用关系和时间线;
- 支持同步 / 异步消息、返回值、激活 / 失活状态标注;
- 可绑定表单字段,动态展示不同角色的交互流程。
典型场景
- 系统接口调用流程(如 “前端→后端→数据库” 的时序关系);
- 多角色协作流程(如 “客户→客服→技术支持” 的问题处理流程)。

类图
核心功能
- 描述系统的类结构、属性、方法及类间关系(继承、关联、依赖等);
- 支持类的可见性修饰符(public/private/protected)、泛型、接口实现;
- 可与表单中的 “数据模型定义” 联动,自动生成类图。
典型场景
- 系统架构设计文档中的数据模型可视化;
- 面向对象业务逻辑的类结构说明。

状态图
核心功能
- 展示对象在生命周期中的状态变化、触发条件及转换规则;
- 支持初始状态、终态、复合状态、并发状态等复杂结构;
- 可绑定表单中的 “状态字段”(如订单状态、工单状态),动态展示状态流转。
典型场景
- 订单状态流转(如 “待支付→已支付→已发货→已完成”);
- 工单处理流程(如 “待处理→处理中→已解决→已关闭”)。

象限图
核心功能
- 基于二维坐标(如 “重要性 - 紧急性”“成本 - 收益”)对元素进行象限划分;
- 支持自定义象限标签、元素样式、坐标范围;
- 可绑定表单中的 “评分 / 评估字段”,自动将数据映射到对应象限。
典型场景
- 任务优先级矩阵(如 “重要紧急 / 重要不紧急 / 紧急不重要 / 不紧急不重要”);
- 产品 / 项目评估(如 “市场潜力 - 技术难度” 象限分析)。

思维导图
核心功能
- 支持层级式知识 / 想法可视化,从中心主题向外扩展分支;
- 支持节点折叠 / 展开、自定义图标、颜色标签;
- 可与表单中的 “大纲 / 提纲字段” 联动,自动生成思维导图。
典型场景
- 需求分析、产品规划的脑图展示;
- 培训 / 学习资料的知识结构梳理。

时间线图
核心功能
- 按时间顺序展示事件、里程碑或项目节点;
- 支持水平 / 垂直布局、自定义时间刻度、事件详情弹窗;
- 可绑定表单中的 “日期 / 时间字段”,自动生成时间线。
使用场景
- 项目里程碑规划(如 “需求分析→设计→开发→测试→上线”);
- 历史事件回顾(如 “公司发展历程”“产品迭代时间线”)。

数据包图
核心功能
- 展示数据 / 信息的层级结构、包含关系(如 “数据包 - 字段 - 子字段”);
- 支持嵌套结构、自定义颜色 / 图标、展开 / 折叠;
- 可绑定表单中的 “JSON / 结构化数据字段”,自动解析生成数据包图。
使用场景
- API 接口数据结构说明(如 “请求体 - 响应体” 的层级关系);
- 数据库表结构可视化(如 “表 - 字段 - 约束”)。

看板图
核心功能
- 按列(如 “待办 / 进行中 / 已完成”)展示任务 / 事项的流转状态;
- 支持拖拽排序、任务详情编辑、状态标签;
- 可绑定表单中的 “任务 / 事项列表字段”,动态生成看板。
使用场景
- 项目任务管理(如敏捷开发的 Sprint 看板);
- 工单 / 需求流转(如 “待分配→处理中→已完成”)。



