北京国炬信息技术有限公司

  • 首页
  • 产品方案
    • 低代码平台
    • 流程设计器
    • 微服务方案
    • 表单设计器
    • 大屏设计器
    • 报表设计器
    • 流程数据中台
    • 移动APP方案
  • 新闻动态
    • 公司动态
    • 技术博客
    • 学习视频
  • 关于我们
    • 公司简介
    • 发展历程
    • 公司荣誉
    • 联系我们
  • 人才招聘
首页 > 新闻动态 > 技术博客

开源免费首发!首款真正的AI大屏诞生JimuBI,一句话生成炫酷大屏

作者:admin 发布时间:2026-06-15 点击数:

开源免费首发!首款真正的AI大屏诞生JimuBI,一句话生成炫酷大屏(图1)

为什么数据大屏开发需要 AI?

做过数据大屏的人都知道,最耗时的从来不是 "写代码",而是 "调"—— 调布局、调配色、调图表类型、调数据映射。一个看起来还不错的大屏,真正落地可能要前端工程师折腾两三天。更痛苦的是,好不容易调好了,需求方一句 "风格不太对",又得从头来过。

JimuReport 积木报表的 BI 大屏模块(JimuBI)从 v2.5.0 版本开始,内置了一套完整的 AI 助手体系。它不是那种 "帮你选个模板" 的花架子,而是真正能理解自然语言、自动完成设计决策的生产力工具。整套能力覆盖三个核心场景:

场景一句话描述入口
AI 生成大屏从零开始,一句话生成包含完整组件的数据大屏大屏列表页 → 新建 → AI 生成大屏
AI 生成组件在已有大屏中,用自然语言按需添加图表 / 卡片 / 表格等组件设计器顶部工具栏 → Ai+ 按钮
AI 修改大屏对话式调整大屏风格、组件样式、数据绑定,支持讨论和回滚设计器右下角 → AI 修改配置

从 "从无到有" 到 "持续调优" 再到 "灵活扩展",三大能力串联起大屏开发的完整生命周期,全程用自然语言驱动,不需要手动翻配置面板。

AI 一句话生成完整大屏

这是最直观的能力 —— 告诉 AI 你想要什么样的大屏,它直接帮你搭好。

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

AI生成大屏入口

弹出的生成对话框提供了三个实用功能,帮你快速上手:

功能解决什么问题
需求描述用大白话写你想要的大屏 —— 包含哪些图表、什么风格、展示什么数据
AI 润色一键把口语化的描述优化为结构化需求,适合不熟悉大屏术语的业务人员
编写建议给出需求描述的最佳实践,帮助写出更精准的 Prompt

不知道写什么?直接点击内置的示例模板,一键填入需求。模板涵盖了工业(数字孪生港口、智慧工厂)、政务(民生看板)、金融(券商交易室)、电商(含地图的运营大屏)、安防(含热力图的监控大屏)等主流场景。

AI生成大屏对话框

输入需求后点击「生成大屏」(或快捷键 Ctrl + Enter),AI 会查阅内置的大屏知识库,流式展示设计进度。以 "券商交易室监控大屏" 为例,AI 自动生成了 KPI 指标卡、排行榜、全国资金流向地图、成交量趋势折线图、涨跌分布、环形图和情绪仪表盘 —— 布局合理、组件齐全、配色一致:

大屏生成结果

传统做法,一个前端可能要两三天才能完成这样一个大屏的初版。AI 几十秒搞定,你只需要在这个基础上微调细节。

如果 AI 调用失败(网络波动、模型超时等),系统会自动回退到内置模板兜底,新建流程不会中断。

AI 生成大屏组件:三种数据源,按需出图

除了整屏生成,JimuBI 还支持在已有大屏中用 AI 单独生成组件。这个能力在 v2.5.0 中做了重大升级 —— 统一了入口,扩展了数据源类型,交互体验也全面翻新。

点击设计器顶部工具栏的 Ai+ 图标按钮,弹出黑色主题的 AI 生成对话框:

AI生成大屏组件对话框

对话框功能区一览

对话框包含五个核心区域:

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

在需求描述中直接给出 API 地址,AI 会自动请求接口、解析返回字段、选择图表类型、映射数据维度,一步到位生成组件。

点击「试一试」中的示例标签即可快速体验:

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

使用方式非常直接 —— 在输入框写一句话,比如:

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

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

数据源模式二:通过 SQL 数据集生成

这是最强大的模式 —— 你用自然语言描述分析需求,AI 自动生成 SQL、执行查询、映射字段、生成图表,全程不需要写一行代码。

比如输入 "统计示例表中的男女比例,生成基础饼状图",AI 会自动写出 SELECT gender, COUNT(*) AS count FROM example_table GROUP BY gender,执行后直接出图。

SQL数据集生成组件

你也可以直接提供 SQL:

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

数据源模式三:上传文件数据集

点击对话框中的「上传文件数据集」按钮,上传 CSV / Excel / JSON 文件作为数据源。AI 自动解析文件内容并生成对应的可视化组件。

上传文件数据集

快捷操作技巧
快捷键作用
Enter应用生成,将组件添加到画布
Shift + Enter换行(多行输入)
@快速引用已有图表组件和数据集

AI 修改大屏:先讨论方案,再执行修改

如果说 AI 生成大屏解决的是 "从 0 到 1",那么 AI 修改大屏解决的就是实际工作中最高频的痛点 —— 反复调整。

领导说 "配色不对",设计说 "标题再大一点",产品说 "折线图改面积图"。每一个修改都得在属性面板里翻来翻去找对应配置项。改 10 次,重复 10 次。

现在,你只需要说一句话。

点击设计器右下角的 「✦ AI 修改配置」 按钮,弹出 AI 修改面板:

AI修改大屏面板-模式切换

讨论 / 应用修改 双模式

面板底部有模式标签和两个操作按钮,通过模式切换实现 "先聊方案、再动大屏":

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

三种切换方式:点击底部彩色模式标签(如 ● 应用模式)、按 Ctrl + Enter、或直接点击非当前模式的按钮。Enter 键记忆上次模式,切换后在整个会话内保持,不会自动跳回。

典型工作流 —— 先讨论、后应用:

  1. 切到讨论模式,输入需求按 Enter,AI 返回纯文字方案,大屏不动

  2. 继续追问细节,多轮对话打磨方案

  3. 方案满意后点击「应用修改」,AI 按方案真正修改大屏(模式自动切回应用模式)

  4. 不满意?一键「回滚上次」撤销

比如先问 "柱状图配色不好看,怎么改?",AI 给出分步方案,大屏零改动:

讨论模式方案

继续追问 "换成科技蓝渐变,字号也调大",AI 返回更细化的配置说明:

讨论细化方案

Markdown 渲染

AI 回复支持完整的 Markdown 格式渲染 —— 代码块带语法高亮、列表有缩进、表格清晰排版,方案可读性远超纯文本:

Markdown渲染效果

快捷操作标签

面板底部提供一组快捷标签,点击即可快速定位到常见修改场景:改背景、加边框、改标题、绑数据、改配色、调大小、改字体、加圆角。

也可以用自由的自然语言描述修改需求。输入 / 选择组件或数据集,输入 # 选择配置项,让指令精准到具体元素。每次「应用修改」前系统自动保存快照,随时可回滚,零风险试错。

一分钟接入大模型

JimuBI v2.5.0 基于 Spring AI 直连,接入流程非常简洁。

前置条件:JDK 17+ / Spring Boot 3.x,以及一个 OpenAI 兼容大模型端点。

在 application.yml 中添加三行配置:

jeecg:  jmreport:    ai:      base-url: https://api.deepseek.com
      api-key: sk-xxxxxxxx      model: deepseek-v4-pro

重启服务,AI 助手即激活。推荐 DeepSeek(国内环境友好、性价比高、中文理解能力强),也支持 OpenAI、通义千问、智谱 GLM、本地 Ollama 等任何 OpenAI 兼容端点,换个 base-url 和 model 即可。

如果宿主应用已集成 Spring AI(存在 ChatClient.Builder 或 ChatModel Bean),JimuBI 会自动复用,连上面的配置都可以省掉。


总结

JimuReport 积木报表的 BI 大屏 AI 助手,把数据大屏开发从 "技术驱动" 变成了 "对话驱动"。

三个核心能力 —— 一句话生成完整大屏、AI 生成任意组件(支持 API / SQL / 文件三种数据源)、讨论 + 应用双模式的对话式修改 —— 覆盖了大屏从搭建到调优的完整流程。再加上基于 Spring AI 的极简接入方式,三行 YAML 就能打通 DeepSeek、OpenAI、通义千问等几乎所有主流大模型。

数据大屏开发,已经进入对话时代。


本文为 JimuReport AI 专题研究系列文章。

加入收藏
Tag: AIGC AI编程 人工智能
上一篇:AI报表是什么样子的?JimuReport积木报表迎来AI真
下一篇:【AI 报表】JimuReport v2.5.0 版本发布,
返回列表

随便看看

  • 两天真实体验,Claude Code+ MiniMax-M3 比 CC+ DeepSeek编程强太多
  • JeecgBoot集成东方通TongRDS
  • AI 编程工具唯一推荐 Claude Code:但实名认证的这道门槛,让人笑不出来
  • 什么是低代码 v2.0 时代?JeecgBoot低代码用 Skills 把"一句话生成系统"做成了现实
  • 马斯克xAI解散,22万张GPU租给Claude,算力增加会对中国解封吗?
  • 网友心得—运行jeecgboot-vue3项目可能出现的问题
  • 开源界报表扛把子:JimuReport积木报表到底是个什么产品?优势在哪,又有哪些竞品
  • Claude Code + DeepSeek V4-Pro 真实评测:除了贵,没别的毛病
  • Claude Code + 积木报表:一分钟生成复杂报表(JimuReport v2.3.2 发布)
  • 【AI 报表】JimuReport v2.5.0 版本发布,AI 助手接入 DeepSeek,一句话生成报表和大屏

  • 公司产品
  • JeecgBoot低代码平台
  • 敲敲云零代码
  • 大屏设计器
  • 流程设计器
  • 表单设计器
  • 源码下载
  • JeecgBoot低代码平台
  • 积木报表平台
  • 移动开发平台
  • 微信管家平台
  • 更多信息
  • JEECG官方论坛
  • JEECG插件市场
  • 仪表盘设计器
  • 积木报表官网
  • 联系我们
  • 中国·北京·朝阳区科荟前街1号院奥林佳泰大厦9层
  • 商务QQ: 418799587、69893005
  • 商务热线: 010-64808099(5*8小时)
  • 项目外包: 18611788525(5*8小时)
  • 扫码关注我们
Copyright © 2015 北京国炬软件 All Rights Reserved Powered by JEECG 京ICP备2023027727号