# light-chaser

**Repository Path**: xiaopujun/light-chaser

## Basic Information

- **Project Name**: light-chaser
- **Description**: Light Chaser(LC) 是一款基于React生态的大屏数据可视化设计器。通过简单的拖拽，即可生成漂亮、美观的可视化数据大屏和看板。
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: http://www.lcdesigner.cn:3000/home/projects
- **GVP Project**: No

## Statistics

- **Stars**: 584
- **Forks**: 189
- **Created**: 2023-08-31
- **Last Updated**: 2026-03-26

## Categories & Tags

**Categories**: charting-components

**Tags**: 数据可视化, 大屏数据可视化, TypeScript, JavaScript, 蓝图

## README

# LIGHT CHASER

<p>
    <img alt="" src="https://img.shields.io/badge/version-v1.6.0-blue">
    <img alt="" src="https://img.shields.io/badge/TypeScript-blue">
    <img alt="" src="https://img.shields.io/badge/React-61daeb?logoColor=08CE5D">
    <img alt="" src="https://img.shields.io/badge/Vite-purple">
    <img alt="" src="https://img.shields.io/badge/Mobx-FFEB0B">
</p>

开源版 LIGHT CHASER 是一款基于 React18、Vite5、TypeScript5 的数据可视化设计工具，面向大屏展示、数据报告、数据分析等场景，提供高性能的可视化搭建能力。

## 开源版定位

- 面向个人开发者、学习者和团队内部可视化项目
- 提供完整的可视化编辑器与基础发布能力
- 支持常见数据源与图表扩展，适合二次开发

## 开源版核心能力

- 拖拽式设计：组件位置和尺寸支持可视化拖拽
- 高性能渲染：组件独立渲染，可承载 1000+ 组件同屏
- 丰富数据源：MySQL、Oracle、PostgreSQL、SQLServer、API、WebSocket、MQTT 等
- 图表扩展：支持 G2Plot、Echarts 自定义组件
- 蓝图交互：支持节点化交互编排与数据联动
- 跨平台：支持 Windows、Linux、Mac 及现代浏览器

## 开源版快速入口

- 开发文档：https://xiaopujun.github.io/light-chaser-doc
- 在线体验：https://xiaopujun.github.io/light-chaser-app
- 开源后端：https://github.com/xiaopujun/light-chaser-server
- 部署教程：https://xiaopujun.github.io/light-chaser-doc/#/deploy/deploy_open

## 推荐：LIGHT CHASER Pro（私有化部署）

如果你正在构建企业级数据可视化平台，推荐使用 Pro 云端版，获得更完整的协作与管理能力。

- 官网入口：https://lcpdesigner.cn/home
- 适用场景：团队协作、权限管理、业务化交付
- 推荐人群：商业项目、生产环境、需要持续扩展的团队

## 推荐：LIGHT CHASER Pro 桌面端

如果你希望本地化部署体验、离线使用或快速交付单机方案，推荐使用 Pro 桌面端。

- 下载入口：https://lcpdesigner.cn/download
- 适用场景：离线演示、内网环境、轻量部署
- 推荐人群：需要开箱即用桌面客户端的个人或团队

## 开源版效果图

![效果图1](https://s2.loli.net/2025/08/23/BO2AiFes7vwlkL6.jpg)

![效果图2](https://s2.loli.net/2025/08/23/qTlnx7LOWUKaYRA.jpg)

![效果图3](https://s2.loli.net/2025/08/23/IpBrYJAO4nyPGil.jpg)

![效果图4](https://s2.loli.net/2025/08/23/zREQuATd3GyCUvx.jpg)

![效果图5](https://s2.loli.net/2025/08/23/iOSYhAMQPGj5e3V.jpg)

## 社区与支持

如果你对 LIGHT CHASER 感兴趣，欢迎加入社区交流并反馈问题，帮助项目持续改进。

<div style="display: flex">
    <img style="width: 300px" alt="group" src="https://files.seeusercontent.com/2026/03/08/kk8R/_20260308123029_20_96.jpg">
</div>

感谢每一位项目贡献者、捐赠者和赞助商。

## 商用注意事项

1. 本项目遵循 Apache 2.0 协议，请保留作品声明
2. 本项目仅用于学习交流，商业用途请务必获取授权

## 联系作者

<div style="display: flex">
    <div style="width: 50%"><img alt="group" src="https://i.072333.xyz/file/110e9602ef12a7d93bff0.jpg"></div>
</div>

## 友情链接

:+1: **enjoy-iot 物联网平台**([https://gitee.com/open-enjoy/enjoy-iot](https://gitee.com/open-enjoy/enjoy-iot))