一、使用场景
可视化前端的使用场景应该是简单的、没有过多数据交互和操作的、纯展示类型的网页，比如一些活动页面、数据大屏页面、简单的列表页面等。
二、项目介绍
其实类似的项目很早就有人做过了，混迹掘金3年时间，见到的可视化项目不下10个，但我还是想自己尝试做一下，并且想做的更好（当然这不一定做得到），趁着vue3出来，也需要一个项目来展示自己，于是有了这个项目。当然这个项目也借鉴了很多大佬的项目，其中收获最多的是这篇文章
话不多说，接下来直接，开始：
三、功能介绍
整体界面如下
Snipaste_2022-04-05_16-51-11.png
以实现功能及规划
- 编辑器
- 拖拽添加
- 删除组件
- 拖动位置
- 放大缩小旋转
- 样式设置
- echarts 支持
- 自定义组件
- 页面预览
- 导出 json
- 动态参数
- 动态数据
- 拖动吸附
- 撤销重做
- 工具能力
- 插件能力
- 页面结构
数据支持静态json数据和动态接口数据配置
e4d22f98346a41eb91a598c2bea3b369_tplv-k3u1fbpfcp-watermark.png
参数可以使用${}设置动态参数
4659d7d83aba490d9f9d68082ecabefc_tplv-k3u1fbpfcp-watermark.png
四、代码实现
代码实现较多也较复杂，可能未来将分批次的写出来，今天就先做个简单的介绍吧！！
