免费,基于React + ECharts 国产开源 IoT 物联网 Web 可视化数据大屏

news2024/11/24 2:35:47

7073f3ce746f10080307a34b14d2d541.png

文末查看开源项目地址

Light Chaser 是一款国产开源免费的基于 React18、Vite5、TypeScript5 技术栈实现的 Web 可视化大屏设计工具,支持Docker方式部署,支持MySQL、PostgreSQL、SQL Server、Oracle 数据源。

你可以简单快速地搭建数据可视化展示、数据报告、数据分析等场景。

Light Chaser 优势

83a318074e3f74f8429576c059ab15c9.png

  • 图表丰富:支持G2Plot原生图表、支持ECharts自定义图表,现有标准组件50+

  • 二开自由:开源版源码开放,随意二次开发。Pro版专有脚手架,无需源码也可快速二次开发自定义组件

  • 操作简单:所有组件坐标、尺寸均支持拖拽式操作

  • 蓝图事件:可视化事件联动,通过节点连线,即可快速配置组件之间的联动效果

  • 快速主题:支持全局主题,滤镜。全局效果一键切换

  • 体验流畅:面向对象式管理组件状态,所有组件可独立渲染。可承载1000+组件在画布上的同时渲染

  • 数据源丰富:支持MySQL、Oracle、PostgreSQL、SQLServer等关系型数据库、API、公共API、WebSocket、MQTT等多种数据源

Light Chaser 平台功能

de756875b002f461d6076dd9af4a77ba.png

  • 项目管理:支持项目快速创建、增删改、克隆、封面

  • 数据源管理:支持多种关系型数据库、API、WebSocket、MQTT等数据源

  • 用户管理(Pro):支持用户角色管理

  • 服务器组件(Pro):支持以服务器组件的方式扩展自己的业务组件,服务器组件使用专门脚手架开发

  • 组件库:支持50+组件及G2Plot、Echarts系列图表库的自定义组件,支持高德地图自定义组件

  • 资源库:支持图片资源复用

  • 图层管理:支持图层顺序,层级管理,编组、解组、拖拽移入、移出分组

  • 画布设置:支持画布自适应(等比缩放、宽度撑满、高度撑满等),画布尺寸调整,组件移动、缩放栅格化。

  • 主题设置:支持主题自定义、支持单个组件主题、全局主题

  • 导入导出:支持直接导出项目数据json文件

  • 预览/发布:支持项目预览、覆盖发布、增量发布、加密发布

  • 画布吸附:支持组件拖拽固定距离吸附、引导线、座标尺寸实时更新显示

  • 快捷键:支持win/mac系统的35+快捷键操作,提升操作效率

  • 蓝图编辑器:支持蓝图节点系统,支持图层节点、全局变量节点,逻辑操作、条件判断、全局节点等多种功能节点

  • 全局变量:数据源支持绑定全局变量,动态修改api参数、支持主动渲染实时更新组件数据状态

系统运行环境要求如下:
Node >= 18
nginx 1.18
MySQL 5.7
Java 17

Light Chaser 界面

Light Chaser 基于React生态的大屏数据可视化设计器。通过简单的拖拽,即可生成漂亮、美观的可视化数据大屏和看板。主要划分为四个板块:首页、主设计器、蓝图设计器、预览页。

控制台首页

e7d5534b02c2fdbf8030fec997a7a82e.png

可视化事件编辑器

4a86c0d6ff4a3dd09e9f120a57dbb69c.jpeg

数据源管理

1e80a4cac7048072407c10dbe2233a76.png

可视化大屏设计器

04aa828ed4a5f2a43f7c783c69d44c59.png

大屏发布管理

462133a86d8d37b7067ea98ce2785244.png

Light Chaser 在线演示

项目地址:

https://gitee.com/xiaopujun/light-chaser

演示地址:http://www.lcdesigner.cn

账号:ee0274ed  密码:ee0274ed

如有需求,请联系小编:  beacon0418



4467b5d601d47369078673114c237232.png

往期推荐

☞ 高德地图: 红绿灯倒计时大揭秘

☞ Arduino 开源 ESP32 智能手表

☞ 源码交付 IoT智慧水务、污水处理

☞ 强制引入北斗定位,开启亿级IoT市场

☞ 这苦逼的IoT物联网我竟坚持了十年

☞ 打工人上班摸鱼, AI 监控老板行踪

f2dbdc9b3fa6fdd767c1de8be1e5e309.png

6b9887ec39d831fe4e72fb06694b6207.png

b53eba906dce7f8ccef5206511274e81.gif

bd0bff5cb266e77d2c54ae852894d3a5.gif

1df304550d894d74214d01bd36bb5bd1.gif

88ef2cb1f98c75c7069f04f213da80f8.gif

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2234805.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Linux服务管理-DHCP

DHCP DHCP(Dynamic Host Configuration Protocol,动态主机配置协议)是一个局域网的网络协议,它允许服务器自动地将IP地址和其他网络配置参数分配给网络中的计算机。DHCP极大地简化了网络管理,尤其是当大量设备需要接入…

如何使用Netdata部署高性能的服务器监控平台

简介 Netdata 是一个开源的、实时的性能和健康监控工具,专为系统、应用程序、SNMP 设备等而设计。它以其高度交互的 Web 仪表板和极低的资源开销而闻名。 主要特点:实时监控、全面监控、零配置、轻量级、交互式仪表板、可扩展性、警报和通知、分布式监…

【MySQL】深度学习与解析 : 库的操作知识整合

前言:本节内容是MySQL库的操作, 内容较少, 大体内容为创建库、删除库、修改库、库备份操作。 ps:本节内容适合安装了MySQL的友友们进行观看, 实操更有利于记住哦。 目录 创建数据库 查看数据库列表 创建数据库 删除数据库 …

计算机前沿技术-人工智能算法-大语言模型-最新研究进展-2024-11-01

计算机前沿技术-人工智能算法-大语言模型-最新研究进展-2024-11-01 目录 文章目录 计算机前沿技术-人工智能算法-大语言模型-最新研究进展-2024-11-01目录1. A Perspective for Adapting Generalist AI to Specialized Medical AI Applications and Their Challenges2. Synergi…

白杨SEO:百度在降低个人备案类网站搜索关键词排名和流量?怎样应对?【参考】

很久没有写百度或者网站这块内容了,一是因为做百度网站朋友越来越少,不管是个人还是企业;二是百度上用户搜索与百度给到网站的流量都越来越少。 为什么想到今天又来写这个呢?因为上个月有个朋友来咨询我说网站百度排名全没了&…

5分钟科普:AI网关是什么?应用场景是什么?有没有开源的选择?

AI网关的功能及其定义 AI网关位于企业应用与内外部大模型调用的交汇点,能够灵活地将请求转发给内部自建模型或外部大模型服务提供商,甚至海外的服务商。它管理着企业所有的AI出口流量,为企业内的不同团队提供了多方面的优势。 对于开发团队…

Java学习Day60:微服务总结!(有经处无火,无火处无经)

1、技术版本 jdk&#xff1a;17及以上 -如果JDK8 springboot&#xff1a;3.1及其以上 -版本2.x springFramWork&#xff1a;6.0及其以上 -版本5.x springCloud&#xff1a;2022.0.5 -版本格林威治或者休斯顿 2、模拟springcloud 父模块指定父pom <parent><…

登录功能设计(php+mysql)

一 登录功能 1. 创建一个登录页面&#xff08;login.php&#xff09;&#xff0c;包含一个表单&#xff0c;用户输入用户名和密码。 2. 在表单的提交事件中&#xff0c;使用PHP代码处理用户输入的用户名和密码。 3. 首先&#xff0c;连接MySQL数据库。然后&a…

【物联网技术】ESP8266 WIFI模块STA、AP、STA+AP、TCP/UDP透传工作模式介绍与AT指令介绍

前言:本文对ESP8266 WIFI模块STA、AP、STA+AP、TCP/UDP透传工作模式进行介绍;以及AT指令介绍,包括基础AT指令,WIFI功能AT指令、TCP/IP相关AT指令、常用AT指令实例进行介绍。 ESP8266 WIFI模块的接线及固件烧写可参考我的这篇博客:正点原子ATK-ESP8266 WIFI模块接线及固件…

【前端】JavaScript 方法速查大全-函数、正则、格式化、转换、进制、 XSS 转义(四)

&#x1f525; 前言 在现代前端开发中&#xff0c;JavaScript 是不可或缺的语言。无论是处理数据、操作 DOM&#xff0c;还是进行复杂的逻辑运算&#xff0c;掌握 JavaScript 的各种方法都是每位开发者的必修课。本文将为您提供一个全面、系统的 JavaScript 方法参考&#xff…

关于路由笔记

路由 定义&#xff1a; 在计算机网络中&#xff0c;路由是将数据包从源节点传输到目标节点的过程。这个过程涉及到网络中的多个设备&#xff0c;如路由器、交换机等&#xff0c;其中路由器起着关键的决策作用。 工作原理示例&#xff1a; 假设你在一个公司的局域网内&#…

25.停车场管理系统(基于web的Java项目)

目录 1.系统的受众说明 2.相关技术与方法 3.系统分析 3.1 可行性分析 3.1.1 技术可行性 3.1.2 经济可行性 3.1.3 操作可行性 3.2 需求分析 3.2.1 系统功能描述 3.2.2 用例图分析 4. 系统设计 4.1 系统类分析 5. 系统详细设计与实现 5.1 用户登录 5.2 系统信…

【含开题报告+文档+源码】基于SpringBoot+Vue智能居民健康检测系统设计与实现

开题报告 随着社会发展和人民生活水平的提高&#xff0c;人们对健康生活的要求越来越高。而广大居民由于条件限制&#xff0c;存在着健康管理服务不足的问题。本文基于JavaWeb技术&#xff0c;设计并实现了一种居民健康检测系统。首先&#xff0c;本文对该平台的需求进行了分析…

SCNU习题 总结与复习

1. P1:构建最大二叉树 【分治】 重点 构树函数需要注意的点&#xff1b; 前序遍历需要注意&#xff0c;本题的输出有点特点。若一个结点无左子&#xff0c;无右子就不再下去遍历&#xff1b; 其他情况都要下去遍历&#xff1b; 2. P2 寻找多数【分治】 没啥&#xff0c;注意…

ssm060基于SSM的高校共享单车管理系统的设计与实现+vue(论文+源码)_kaic

设计题目&#xff1a;高校共享单车管理系统的设计与实现 摘 要 网络技术和计算机技术发展至今&#xff0c;已经拥有了深厚的理论基础&#xff0c;并在现实中进行了充分运用&#xff0c;尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代&#xff0…

【算法】(Python)贪心算法

贪心算法&#xff1a; 又称贪婪算法&#xff0c;greedy algorithm。贪心地追求局部最优解&#xff0c;即每一步当前状态下最优选择。试图通过各局部最优解达到最终全局最优解。但不从整体最优上考虑&#xff0c;不一定全局最优解。步骤&#xff1a;从初始状态拆分成一步一步的…

记一次微信云托管搭建Redis服务

背景 最近在做一个微信小程序&#xff0c;规划服务全部部署在云托管上面&#xff0c;本次使用了对象存储、mysql、java服务、Redis服务&#xff08;pc端用的&#xff09;。 由于对部署Redis不理解&#xff0c;查看了官方文档&#xff0c;首先看到的是这个架构图&#xff0c;看…

基于SSM的校园美食交流系统【附源码】

基于SSM的校园美食交流系统 效果如下&#xff1a; 管理员主页面 用户主页面 美食信息页面 美食资讯页面 修改密码页面 论坛中心页面 研究背景 随着高校信息化建设的不断推进&#xff0c;校园生活日益丰富多样&#xff0c;学生对于美食的需求与探索也愈发旺盛。然而&#xff…

Linux—进程学习-01

目录 Linux—进程学习—11.冯诺依曼体系结构2.操作系统2.1操作系统的概念2.2操作系统的目的2.3如何理解管理2.4计算机软硬件体系的理解2.5系统调用和库函数的概念 3.进程3.1进程是什么3.2管理进程3.2.1描述进程-PCB3.2.2组织进程3.2.3总结 3.3查看进程 4.与进程有关的系统调用 …

【电子通识】白皮书、应用手册、用户指南、快速入门指南一般的定义是什么?

一般大厂家的器件或模块,除了给数据表以外,还提供应用手册、技术说明、白皮书等各种文档资料。 如下图所示为ST25 NFC/RFID标签和读卡器的文件资料:其中就有技术说明、白皮书、应用手册等。 如下所示为TI INA228技术文档相关资料: 也有应用手册、用户指南、技术文章…