用MasterGo AI生成数据看板原型需将业务需求翻译为结构化描述:明确指标(如“近30天销售额趋势”)、图表类型(折线图/柱状图等)、交互逻辑(日期切换、下钻、标红异常)及视觉约束(VI色值、Ant Design风格、1920×1080适配),生成后可用自然语言精准微调。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

用 MasterGo AI 生成数据看板原型,核心是把业务需求“翻译”成 AI 能精准理解的结构化描述,而不是泛泛而谈“做个好看的数据看板”。重点在于明确指标类型、图表形式、交互逻辑和视觉约束。
明确看板要展示什么数据
AI 需要具体指标名称和维度,不能只说“销售数据”。例如:
- 销售额趋势图:按日/周/月切换,显示近30天变化曲线
- 区域销售TOP5排行榜:柱状图+城市名+金额+占比
- 商品类目转化率热力图:横轴为类目(健身器械、营养补剂等),纵轴为渠道(APP、小程序、官网)
- 实时订单状态卡片:待发货(数字)、已签收(数字)、异常订单(带感叹号图标)
写清楚图表类型和交互要求
MasterGo AI 支持识别主流图表关键词,并能响应交互指令。输入时直接带上这些词:
menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件,你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。
- 用“折线图”“柱状图”“环形图”“KPI 卡片”代替“图表”
- 标注筛选逻辑:“顶部带日期范围选择器(默认本周)”“点击类目可下钻查看单品明细”
- 说明状态反馈:“异常数据自动标红”“加载中显示骨架屏”
设定风格与布局约束
避免生成结果过于花哨或不符合团队规范。在描述末尾加上硬性条件:
- 主色使用企业VI色值,如 #2B6CB0 和 #DD6B20
- 采用 Ant Design 组件库风格(圆角8px、字体14px、间距16px)
- 适配1920×1080桌面端,不需响应式
- 所有图表标题左对齐,数值右对齐
生成后快速微调
首次生成后若局部不理想,不用重来,直接在AI对话框里追加指令:
- “把销售额折线图Y轴改为万元单位,保留小数点后一位”
- “TOP5排行榜增加‘环比增长’列,绿色↑表示上升”
- “KPI卡片统一高度为120px,图标尺寸调至24×24”
- “导出为 Vue + Ant Design 代码,含 mock 数据”
不复杂但容易忽略:描述越接近开发提需文档的语言,AI生成的可用性越高;一次生成不满意,比删掉重写更高效的是用自然语言精准“指挥”它改哪一块。

















