准备工作 安装echarts依赖 npm install echarts --save-dev 引入 (main.js) import echarts from 'echarts' Vue.prototype.$echarts = echarts; 开始撸代码 出入人员总数{{peopleSumTotal}} export default { // 接受父组件传来的参数【父传子props】 props: [peopleSumTotal], data() { return { peopleSumTotalArr:

数据可视化通用模板-2021.zip

datav大数据可视化系统 iview版本2 第一版请看分支 这一版本主要使用开发同样采用vue，vue-echarts，echarts开发，增加了vue-video-player播放视频流，增加了视频监控。 如何使用 git clone https://github.com/fuyi501/dataV.git npm install npm run serve 效果图 后面增加。。。 :face_with_tears_of_joy: :face_with_tears_of_joy: :face_with_tears_of_joy: 开发工具 主要采用echarts开发， echarts开发起来很方便，文档也很全，可以直接使用vue+echarts开发。 不过vue中更新数据之后需要图表及时更新，我们使用echarts的话，需要自己的封装组件实现动态刷新vue-echarts使用vue-echarts可以直接实现目的，所以整个系统主要采用vue-echarts开发。 但是里面还有一个问题是地图的使用， vue-echa

monitor 可拖拽大屏演示系统，目的是为了能够方便大屏系统的快捷生成，通过拖拽的方式完成图表的搭建。 不用关心设置图表的尺寸，拉伸图表即可控制大小。 能够保存图表在页面上的位置信息，大小信息，下次打开时可还原上次图表状态。 能够通过文字提示的方式控制图表显示的参数信息，而不需要去代码配置它。 支持全屏预览效果。 支持配置文件信息的下载。 支持主题添加，内置了 e-charts 的一些主题，选择后可以直接在图表上应用。 保存文件 编辑文件 删除文件 基础图表 基础图表选择： 折线图 柱状图 饼图 配置项： 标题组件 图例组件 背景 支持背景添加 主题 支持主题添加 自定义背景上传 重置背景 导入 支持 e-charts 的 option 导入生成文件 待添加功能 保存文件背景 :check_mark_button: 大屏快照 :check_mark_button: 创建/更新大屏后生成快照，【我的】文件列表中可显示 导入配置 导出的配置能够重新导入进去，还原

适合初学者，包含简单的CRU4D.这个好像不能免费传，有会员的可以直接下，没有博客留言，私发

详细手册参考我的博文： https://blog.csdn.net/lildkdkdkjf/article/details/120615354?spm=1001.2014.3001.5501

详细手册参考我的博文： https://blog.csdn.net/lildkdkdkjf/article/details/120706203?spm=1001.2014.3001.5501

详细手册参考我的博文： https://blog.csdn.net/lildkdkdkjf/article/details/120828645

本文为 Vue 2.x + Echarts 5.x 实现中国地图多级钻取功能（基本版 未做过多功能拓展和样式优化 便于二次开发）。（更多说明移步：https://blog.csdn.net/ZYS10000/article/details/119298354）

vue_echarts_v3_demo 重要（一个坑）：初次点击省份，都能获得正确的 event.name 值；点击"返回全国地图"后，只有赋值了的省份，点击时才能正确获得 event.name 值。 这个例子，只实现省份钻取到地市，没有实现地市钻取到县级。 官方地址： 全国到省份的地图下钻，2种引入地图方式： js引入方式，例子：src/views/EchartsMapImportJs.vue json引入方式，例子：src/views/EchartsMapImportJson.vue 说明：地图钻取，省份返回全国地图后，再次点击，事件获取的值不正确，详见issue： 。 原因：点击"返回全国地图"后，只有赋值了的省份，点击时才能正确获得 event.name 值。 引入地图资源的2种方式： echarts 官方说明： 1.js方式 import 'echarts/map/js