大数据可视化（大屏展示）解决方案
admin
2023-09-22 00:01:25
0次
大家好，我是爱撸码的开源大叔。
数据可视化大屏可以帮助人们更加直观地了解数据，让数据更容易被人们所接受，比如双十一实时展示的成交额。
今天给大家推荐一个基于 Vue、datav、Echart 框架的大数据可视化（大屏展示）模板。提供数据动态渲染、屏幕自适应、内部图表自由替换等功能。
项目简介
通过 Vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，可进行更改。
项目环境：vue-cli-3.0、webpack-4.0、npm-6.13、node-v12.16、DataV-2.7.3、Echarts-4.6.0
项目使用
启动项目
首先安装nodejs、yarn
# 拉取依赖包npm/cnpm install
# 启动项目
npm run serve
渲染图表
ECharts 图表是基于 common/echart/index.vue 封装组件创建的，可以动态渲染图表数据。
默认的 ECharts 图表样式，文件地址：common/echart/theme.json。