vue echart图表拖拽产品系统

在数据大屏、BI 可视化后台场景中，传统 ECharts 图表位置固定，无法灵活调整布局。本项目为了解决用户自定义拖拽排布图表、自由调整可视化面板布局的需求，适配数据分析人员按需排版监控图表的业务需要。

项目核心实现 ECharts 图表组件拖拽功能，支持图表在容器内自由拖动、调整摆放位置；支持多类 ECharts 图表渲染，包含折线图、柱状图、饼图等；可保存拖拽后的布局位置，刷新页面后恢复上次排版，同时支持图表大小调整，方便用户自由搭建个性化数据看板。

我独立完成该项目全部开发，基于 Vue + ECharts 实现，使用拖拽库监听鼠标拖拽事件，封装通用图表组件。难点在于拖拽和图表渲染冲突、边界溢出控制；亮点是布局数据序列化存储，可持久化保存自定义看板布局，组件复用性强。