可视化大屏-01

实现动态可配的可视化大屏。使用vue-drag-resize组件
项目地址:https://gitcode.com/gh_mirrors/vu/vue-drag-resize
安装库：

npm install vue-drag-resize --save

效果如下：

可以对左边的组件进行拖拉进入视图中，并对组件进行数据值配置

也可以使用echarts图表组件，配置折柱混图、水波图、仪表盘、饼图、进度条等等；可以对轴的选择、分组设置

也可以进行一些媒体配置，如图片、音频、监控、视频、天气、时间等
配置完成后的展示页：

由于配置页配置的是点位取值，测试环境没有点位数值，所以是空的数据