# DataReport

**Repository Path**: qlsgr/DataReport

## Basic Information

- **Project Name**: DataReport
- **Description**: 使用react+ts重写aj-report数据大屏
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 0
- **Created**: 2025-08-04
- **Last Updated**: 2026-01-13

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 简介

    DataReport是AJ-report的React版本，目前还在开发中，感兴趣的可以基于Aj-report vue2版本将对应的图表组件copy到React版本中来。

## 在线体验

####   开发中...


## 功能概述

####   组件介绍

   大屏设计（AJ-Report）是一个可视化拖拽编辑的，直观，酷炫，具有科技感的图表工具全开源项目。
内置的基础功能包括数据源，数据集，报表管理，项目部分截图如下。<br>
![输入图片说明](abb46467-3bf5-4683-8b30-5a3a5df0ad85.png)
![大屏设计器](446f69d4-1367-4d46-8b63-cdce0d8c4148.png)


## 核心技术


### 前端

- [npm](https://www.npmjs.com/)：node.js的包管理工具，用于统一管理我们前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。
- [vite](https://cn.vitejs.dev/)：Vite 是一个超快的前端构建工具赋能下一代 Web 应用的发展。
- [Ant-Design](https://ant.design/index-cn)：基于MVVM框架React开源出来的一套前端ui组件。
- [echarts-for-react](https://unpkg.com/echarts-for-react@1.4.1/index.html): echarts-for-react是封装后的React插件。
- [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd‌): react-beautiful-dnd 专注于提供美观、无障碍的列表拖拽体验，支持垂直/水平列表、虚拟列表、键盘和触控操作。
- [@scena/react-ruler](https://daybrush.com/ruler/): 是一个轻量级、可高度定制的React标尺组件，专为可视化编辑器、画布标注等场景设计，支持水平和垂直方向的标尺显示，并能处理缩放和滚动偏移适配。

### 后端

准备用node + egg开发



## 快速入门

**[快速入门](https://ajreport.beliefteam.cn/report-doc/guide/quicklyUse.html)** <br>

**[更多社区大屏](https://ajreport.beliefteam.cn/report-doc/guide/bigScreenCase.html)** <br>

**[社区大屏下载链接](https://ajreport.beliefteam.cn/download/)** <br>


## 技术支持

**如有问题，请提交 [Issue](https://gitee.com/qlsgr/DataReport/issues) <br>**

<img src="https://foruda.gitee.com/images/1681893479845506596/859934b5_1950629.png" width = "300" height = "300" align=left/>

## 加入我们

- 提交PR是最快的加入方式:<br>
  · PR可以包含新功能、现有功能的改进。<br>
  . PR请提交到dev分支 <br>

#### 开源不易，劳烦各位star ☺