https://github.com/ddiu8081/chartfun
🎲 数据大屏可视化编辑器
https://github.com/ddiu8081/chartfun
data-visualization
Last synced: 23 days ago
JSON representation
🎲 数据大屏可视化编辑器
- Host: GitHub
- URL: https://github.com/ddiu8081/chartfun
- Owner: ddiu8081
- License: mit
- Created: 2019-03-28T14:15:16.000Z (about 6 years ago)
- Default Branch: master
- Last Pushed: 2023-02-28T14:00:37.000Z (about 2 years ago)
- Last Synced: 2025-03-30T13:07:35.603Z (30 days ago)
- Topics: data-visualization
- Language: Vue
- Homepage:
- Size: 16.1 MB
- Stars: 1,102
- Watchers: 20
- Forks: 317
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
> notice: 2019毕设作品，后续如无必要将不再做功能性更新。
> Make data reports by dragging and dropping :)
## 特性 / Features
* 通过 Excel 导入数据
* 可视化画布
* 图表、图片、文字、边框支持
* 可拖拽和缩放的组件
* 静态数据、GET接口支持
* 生成公开链接
## 截图 / Screenshot
## 开发 / Develop
### 前端部分：Vue.js
#### Project setup
```
npm install
```
#### Compiles and hot-reloads for development
```
npm run serve
```
#### Compiles and minifies for production
```
npm run build
```
### 后端部分：Node.js + Koa + MongoDB
准备工作：配置并运行 MongoDB 数据库，新建一个空数据库并命名为`chartfun`。无需手动配置表结构，它们会被自动创建。
#### Run web-service
```
node ./server/app.js
```
## 鸣谢 / Thanks
本项目使用了 Vue.js 及以下第三方库：
* [ElemeFE / element](https://github.com/ElemeFE/element)
* [ElemeFE / v-charts](https://github.com/ElemeFE/v-charts)
* [josdejong / jsoneditor](https://github.com/josdejong/jsoneditor)
* [SortableJS / Vue.Draggable](https://github.com/SortableJS/Vue.Draggable)
* [mauricius / vue-draggable-resizable](https://github.com/mauricius/vue-draggable-resizable)
* [kirillmurashov / vue-drag-resize](https://github.com/kirillmurashov/vue-drag-resize)
* [koajs / koa](https://github.com/koajs/koa)
## LICENSE
MIT