跳到主要内容

大屏AI助手使用

大屏 AI 助手支持两类能力:① 一句话生成整个数据大屏;② 在大屏中用自然语言生成 / 修改单个图表组件。均基于自然语言描述自动完成,大幅提升大屏搭建效率。

一、AI 一句话生成整个大屏

1.1 打开「AI生成大屏」

进入 BI 工作台「数据大屏」列表,点击 新建,在下拉中选择 AI生成大屏

1.2 描述需求并生成

弹出生成对话框,提供 需求描述、AI润色、编写建议,以及一批大屏示例(数字孪生港口、政务民生、银行网点、含全国地图的电商运营、含热力地图的安防大屏等),点击示例即自动填入需求:

输入需求后点击 生成大屏Ctrl + Enter 快速生成)。AI 会查阅大屏知识库并整屏设计,流式展示进度:

1.3 生成结果

生成完成后自动打开大屏设计器,一个布局完整、组件齐全的数据大屏已生成(下图示例「券商交易室监控大屏」:KPI 指标、排行榜、全国资金流向地图、成交量趋势、涨跌分布、环形图、情绪仪表盘):

若后端 AI 未配置或调用失败,系统会自动回退到内置大屏模板兜底,不会让新建流程中断。AI 接入配置见 配置集成

二、AI 生成大屏组件

进入大屏设计器后,通过统一的 AI 生成大屏组件 入口,用自然语言一句话描述需求,即可自动生成图表、统计卡片、表格等各类大屏组件。支持 API 接口、SQL 数据集、上传文件数据集 等多种数据源方式,覆盖所有常见的组件生成场景。

2.1 打开「AI生成大屏组件」

点击顶部工具栏的 Ai+ 图标按钮,弹出 AI 生成大屏组件对话框(黑色主题):

2.2 对话框功能区域

区域说明
需求描述输入自然语言描述你想要的组件,支持多行输入
上传文件数据集上传 CSV/Excel 等文件作为数据源(最大 2000 字符)
编写建议展开可查看 AI 编写提示,帮助写出更精准的需求描述
试一试内置示例模板,点击即自动填入需求描述,快速体验
@输入 @ 快捷选择已有的图表组件和数据集

编写建议:① 描述要生成的组件名称,如"基础柱形图"、"统计概况";② 列出要使用的数据集配置,说明来源和类型;③ 说明图表类型及数据维度,如"添加折线图,使用 API 数据集:展示近 30 天销量趋势"。

2.3 通过 API 接口生成组件

在需求描述中提供 API 接口地址,AI 会自动请求接口获取数据并生成对应的可视化组件。

内置示例(点击「试一试」中的标签即可体验):

示例说明
销量排行柱形图(API)根据 API 返回的销量数据,生成排行柱形图
产品月销量柱形图(API)根据产品月销量接口数据,生成柱形图
季度用户增长折线图(API)根据用户增长接口数据,生成折线趋势图
统计概览卡片(API)根据统计汇总接口,生成 KPI 数字卡片
设备监控仪表盘(API)根据设备状态接口,生成仪表盘组件
区域销售地图(API)根据区域销售数据接口,生成地图组件
实时数据轮播表(API)根据实时数据接口,生成滚动轮播表格

使用方式:在需求描述中输入 API 地址和可视化需求,例如:

根据接口:https://api.jeecg.com/mock/31/graphreport/aiproducttest,生成销量排行柱形图

AI 会自动完成:请求接口 → 解析返回字段 → 选择图表类型 → 映射数据维度 → 生成组件到画布。

2.4 通过 SQL 数据集生成组件

在需求描述中说明要查询的数据表和分析需求,AI 会自动生成 SQL 查询并创建对应组件。

内置示例:

示例说明
性别比例饼状图(SQL)统计表中男女比例,生成基础饼状图
产品销量柱形图(SQL)按产品分组统计销量,生成柱形图
统计检票信息(SQL)查询检票记录,生成统计组件

使用方式:在需求描述中用自然语言描述数据分析需求,例如:

统计示例表中的男女比例,生成基础饼状图

或直接提供 SQL 语句:

根据SQL查询:SELECT gender, COUNT(*) AS count FROM example_table GROUP BY gender,生成性别分布饼状图

AI 会自动完成:生成/执行 SQL → 解析结果字段 → 选择图表类型 → 生成组件。

2.5 上传文件数据集生成组件

点击弹窗中的 上传文件数据集 按钮,上传 CSV、Excel 等文件作为数据源,AI 会自动解析文件内容并生成对应的可视化组件(文件内容最大支持 2000 字符)。

使用方式:先上传数据文件,再在需求描述中说明需要生成的组件类型,例如:

根据上传的销售数据文件,生成产品销量对比柱形图

2.6 修改大屏整体配置

除了生成组件,还可以通过「试一试」中的 大屏配置修改 模板,用自然语言一键修改大屏的整体配置(背景色、配色方案、水印等)。

2.7 快捷操作与技巧

操作说明
@快速选择已有图表组件和数据集,引用到需求描述中
Enter按当前模式发送(应用模式 → 应用修改;讨论模式 → 讨论)
Shift + Enter换行(多行输入)
Ctrl(Cmd)+ Enter切换模式(不发送)
点击「试一试」一键填入示例需求,快速体验各类组件生成
关闭取消并关闭弹窗

三、AI 修改大屏

在大屏设计器中,通过 AI 对话面板用自然语言描述修改需求。面板提供 「讨论」与「应用修改」双模式:先多轮讨论打磨方案,方案定稿后再真正执行修改。应用前会自动保存快照,可一键「回滚上次」撤销修改。 支持修改整体风格、组件样式、数据绑定等多个维度。

3.1 打开「AI修改大屏」

点击右下角 ✦ AI 修改配置 按钮,在设计器左侧弹出 AI 修改面板(黑色主题):

3.2 讨论 / 应用修改 双模式

输入框右下角提供 讨论应用修改 两种发送方式,通过底部「模式标签」切换当前默认模式:

模式作用说明
应用模式Enter 发送后直接修改大屏并落库适合需求明确、想快速改动的场景
讨论模式Enter 发送后 AI 只给出文字方案,不改大屏适合先聊方案、澄清细节再动手

模式切换方式:

  • 点击模式标签:输入框右侧的彩色标签(如 ● 应用模式),点一下即切换到另一个模式。
  • Ctrl(Cmd)+ Enter:快捷键切换模式(不发送)。
  • 点击非主按钮:例如当前是讨论模式,点击「应用修改」按钮会立即执行应用并切换为应用模式。

Enter 键记忆上次模式Enter 始终按当前模式发送。切换到讨论模式后,Enter = 讨论;切换到应用模式后,Enter = 应用修改。模式在当前会话内保持,不会自动跳回。

输入为空时两个按钮均为禁用状态,需先输入需求描述。

典型用法——先讨论、后应用:

  1. 切换到讨论模式(点击标签或 Ctrl + Enter),输入需求按 Enter 发送,AI 返回纯文字方案。
  2. 继续追问细节(此时 Enter 仍为讨论模式),多轮对话打磨方案。
  3. 方案满意后,点击「应用修改」按钮,AI 按讨论方案真正修改大屏(同时模式自动切回应用模式)。
  4. 若效果不满意,点 回滚上次 撤销。

例如先用「讨论」抛出问题——柱状图配色不好看,怎么改?,AI 会给出一份分步骤的纯文字方案并询问"要按这个方案修改吗?",此时大屏未做任何改动

如果方案不够具体,可以继续追问(如"换成科技蓝渐变,并调大字号"),AI 会给出更细化的配置说明(涉及哪些 option 项、改成什么值),多轮讨论直到满意:

方案敲定后点击 应用修改,AI 会按讨论出的方案真正重建大屏并应用到画布;若效果不满意,可一键 「回滚上次」 撤销。

「讨论」全程不动大屏,适合在反复修改前先对齐思路、规避无效改动;想直接改时也可跳过讨论,输入需求后直接点「应用修改」。

3.2.1 Markdown 渲染

AI 的回复支持 Markdown 格式渲染,包括:标题、粗体/斜体、代码块(含语法高亮)、行内代码、有序/无序列表、表格、引用块、分隔线等。讨论模式下 AI 会返回结构化的方案说明,阅读体验更清晰。

3.3 修改大屏整体风格

通过面板中的 大屏常规 快捷示例或自然语言描述,一键修改大屏的整体风格。常见场景:

修改场景示例描述
整体配色整体配色换成未来风格 / 科技蓝风格 / 暗色赛博朋克风格
背景修改背景色换成淡蓝色,背景图去掉 / 背景换成深色星空
水印设置开启水印并设置内容为 AI 大屏

3.4 修改组件样式

底部提供一组 快捷操作标签,点击即可快速定位到对应的修改场景:

标签功能说明示例
改背景修改组件或大屏的背景把背景换成科技深蓝
加边框给组件添加边框装饰给所有图表加上发光边框
改标题修改组件标题文字或样式标题字体调大并居中
改配色修改整体或组件的配色方案整体配色换成蓝绿渐变
调大小调整组件的尺寸把柱形图宽度调大一倍
改字体修改文字的字体、大小、颜色所有数字字体改成 DIN
加圆角给组件添加圆角效果给所有卡片加 8px 圆角

3.5 绑定数据

通过 绑数据 标签或自然语言描述,为组件绑定或更换数据源。

使用方式:输入 / 可快速选择组件或数据集,输入 # 可选择具体配置项,例如:

把折线图的数据源换成 /月销量数据集

3.6 对话式持续修改

面板支持多轮对话式修改,可以在一次会话中连续发送多条指令,逐步优化大屏效果。点击 + 新对话 可开启新的对话上下文。

每次修改会覆盖当前大屏配置,但应用前会 自动保存快照,可一键 「回滚上次」 撤销。如果修改效果不满意,随时可以回退。

3.7 快捷键一览

快捷键功能
Enter按当前模式发送(应用模式 → 应用修改;讨论模式 → 讨论)
Shift + Enter换行(不发送)
Ctrl(Cmd)+ Enter切换模式(不发送)
/快速选择组件或数据集
操作说明
点击模式标签切换应用模式 / 讨论模式
回滚上次撤销上一次的应用修改
✦ 关闭 AI 修改关闭修改面板