数据展示类UI的自动生成，其核心要点可以概括为：将“数据结构与呈现目标”转化为清晰准确的自然语言指令，AI即可自动匹配最合适的图表类型、布局方案及交互规范。简单来说，只要向AI清晰描述所需数据及其展示目的，它便能高效完成任务。
明确数据类型与展示目标
AI不会凭空猜测你想要哪种图表，它依赖于你主动提供的关键信息。例如：
- 数据维度是什么（如日销量、用户地域分布、订单状态占比等）
- 呈现形式有何偏好（“用柱状图对比各品类销售额”“用环形图显示用户来源渠道比例”）
- 哪些核心指标需要重点突出（“把本月总销售额置于顶部大数字展示”“高亮显示环比增长超过20%的区域”）
结合后台/管理类场景输入典型结构
数据看板常见于后台系统，MasterGo AI 对这些页面类型具有较强的语义理解能力。举例来说，你输入：
“健身器材后台销售看板：顶部区域依次展示总销售额、订单数、新增用户三个KPI指标卡片；中部采用折线图呈现近30天销售额变化趋势（支持日/周切换）；底部左侧为热销商品TOP5柱状图，右侧为订单状态分布环形图”AI会自动规划合理的间距、统一字体层级并对齐图表标题，同时默认采用适合数据阅读的浅色背景搭配深色文字的组合。整个流程无需你手动拖拽任何像素。
利用参数控制视觉细节与响应行为
生成后如果觉得某些细节不够理想，只需追加具体指令，AI便能精准执行：
- 调整图表样式：“将折线图颜色改为#3A86FF，并添加数据点标记”
- 增强可读性：“为KPI卡片添加阴影，数字字号放大到32px”
- 适配交互逻辑：“点击柱状图中某商品时，弹出该商品的详情抽屉”
- 适配设备：“确保所有图表在移动端竖屏下能够横向滚动查看”
上传原型图或手绘稿辅助识别
如果你已有草图——比如在白板上画的框线并添加了文字标注——可直接拖入AI白板功能。AI能够识别区块位置、标签含义以及箭头关系，将其还原为包含真实图表占位符的设计稿，并自动匹配Ant Design或Element Plus等组件库的默认样式。后续还能一键导出Vue或React可运行代码，大幅减少重复劳动。