一、使用场景

可视化前端的使用场景应该是简单的、没有过多数据交互和操作的、纯展示类型的网页，比如一些活动页面、数据大屏页面、简单的列表页面等。

二、项目介绍

其实类似的项目很早就有人做过了，混迹掘金3年时间，见到的可视化项目不下10个，但我还是想自己尝试做一下，并且想做的更好（当然这不一定做得到），趁着vue3出来，也需要一个项目来展示自己，于是有了这个项目。当然这个项目也借鉴了很多大佬的项目，其中收获最多的是这篇文章

话不多说，接下来直接，开始：

• github项目地址
• 在线体验

三、功能介绍

整体界面如下

以实现功能及规划

• 编辑器
• 拖拽添加
• 删除组件
• 拖动位置
• 放大缩小旋转
• 样式设置
• echarts 支持
• 自定义组件
• 页面预览
• 导出 json
• 动态参数
• 动态数据
• 拖动吸附
• 撤销重做
• 工具能力
• 插件能力
• 页面结构

数据支持静态json数据和动态接口数据配置

参数可以使用${}设置动态参数

四、代码实现

代码实现较多也较复杂，可能未来将分批次的写出来，今天就先做个简单的介绍吧！！