[开源]大屏可视化设计器,适用于大屏、低代码、BI 场景,完全免费

开源系统
2026-06-10 12:24 2 次浏览 • 0 次下载 0KB
[开源]大屏可视化设计器,适用于大屏、低代码、BI 场景,完全免费

一、开源项目简介

DataRoom

简单、免费、开源的大屏设计器

DataRoom是一款基于SpringBoot、MyBatisPlus、Vue、ElementUI、G2Plot、Echarts等技术栈的大屏设计器,具备大屏设计、预览能力,支持MySQL、Oracle、PostgreSQL、SQLServer、ElasticSearch、JSON、JS、HTTP、Groovy等数据集接入,使用简单,完全免费,代码开源。

二、开源协议

使用Apache-2.0开源协议

三、界面展示

1. 大屏管理

支持大屏【新增】、【编辑】、【设计】、【预览】、【复制】、【删除】操作

图片

2. 设计器

采用拖拉拽可视化设计,支持30+基础组件、40+种图表组件、15种边框组件、10多种修饰组件

图片

3. 资源库

支持资源自定义上传、在大屏设计器中直接引用资源,如:3D图片、边框图片、装饰条、背景图

图片

4. 数据源

支持MySQL、PostgreSQL、Oracle 、ClickHouse、SqlServer数据库接入

图片

5. 数据集

支持原始数据集、自助数据集、存储过程数据集、JSON数据集、脚本数据集、JS脚本数据集、HTTP数据集多种方式接入数据

图片
图片

四、功能概述

基于Vue的大屏可视化设计器,前后端一体化解决方案,几十种炫酷图表,支持多种数据来源接入,适用于大屏、低代码、BI场景,使用简单,代码完全开源。

优势

✅ 一站式大屏解决方案,从数据源接入->数据清洗处理->大屏设计->大屏预览->大屏发布上线
✅ 支持多种数据集接入,如:原始数据集、自助数据集(支持多表关联)、存储过程、JSON(静态数据)、JS脚本、Groovy脚本、ElasticSearch、HTTP接口,满足大多数数据接入需求
✅ 支持大屏独立部署,不对原有工程产生影响,适用于老项目
✅ 支持大屏嵌入式集成,引入依赖包即可,与项目无缝融合,无其他系统框架依赖,减少运维成本,适用于新项目
✅ 支持组件在线、离线开发,在线开发业务组件、离线开发系统组件,轻松解决图表不满足需求问题
✅ 支持自定义接口权限、数据权限,轻松对接Shiro、Security等认证框架,保证大屏数据安全

特性

特性

 

支持大屏、设计、预览、导出图片

✅

支持图层上下调整,支持置于顶层、置于底层

✅

支持画布组件任意框选、组合、取消组合、锁定、批量删除、复制功能

✅

支持多组件框选后对齐,如:左对齐、右对齐、上对齐、下对齐、中部对齐、水平均分、垂直均分

✅

支持文本、超链接、时间选择器、输入框、按钮、Tab标签、图片、轮播表、播放器、排名表、翻牌器、基础表格、倒计时、系统时间、外链集成、主题切换基础组件

✅

支持折线图、柱状图、面积图、条形图、饼图、环图、水波图、仪表盘、进度条、词云图、雷达图、漏斗图、梯形图、中国地图、飞线图等图表组件

✅

支持组件库,包含系统组件、业务组件、自定义组件,在线编辑器二次开发业务或自定义图表组件

✅

支持图表数据定时刷新能力

✅

支持15种边框组件,具备动画、渐变色设置

✅

支持10多种修饰组件,具备动画、渐变色设置

✅

支持资源库,包含LOGO、3D图标、2D图标、修饰条、背景图等上百个大屏设计资源,资源支持自定义上传

✅

支持多种数据源,目前支持MySQL、PostgreSQL、Oracle、ClickHouse数据库

✅

支持多种数据集,目前支持原始数据集、自助数据集(支持多表关联)、存储过程数据集、JSON数据集(静态数据)、JS数据集、Groovy脚本数据集、ElasticSearch数据集、HTTP数据集,接入不同数据来源

✅

支持自定义接口权限、数据权限,可对接项目已有权限管理完成对大屏的安全管控

✅

支持老项目外链集成、新项目依赖包集成

✅

五、技术选型

DataRoom是一款基于SpringBoot、MyBatisPlus、Vue、ElementUI、G2Plot、Echarts等技术栈的大屏设计器,具备大屏设计、预览能力,支持MySQL、Oracle、PostgreSQL、SQLServer、ElasticSearch、JSON、JS、HTTP、Groovy等数据集接入,使用简单,完全免费,代码开源。