怪咖大数据平台

介绍

数据可视化大屏

本人想“砖研”可视化大屏已久，无奈没找到合适的资源（懒），曾用html+css+jquery+echarts，vue + datav敲了一些示例，布局真是让人头疼
Alt text

一个偶然的机会，看到程序员 Sunday老师 的视频，瞬间开启新大陆

项目是基于 Vue 3 + Vite 4 + ECharts 5 + Tailwindcss开发的可视化项目

跟着 Sunday 老师 的视频一步一步敲出来（代码搬运工）

在这里再次感谢程序员 Sunday 老师的无私奉献，链接附上↓
Alt text

2023 最新：ECharts 数据可视化大屏项目

软件架构

1
Vue3.2 + Vite 4 + ECharts 5 + Tailwindcss

Tailwindcss

安装教程

1
npm install

使用说明

1
npm run dev

演示效果

本地部署地址：http://gk.datav.com:89

演示地址：https://gk.www.wbdqc.top/

gk_datav_demo.png

new—变异版本-移动版

  • 新增移动版，根窗口适配PC和移动版，只是做了简单的优化；
  • 去除了可视化地图（移动端显示不全）；
  • 新增了路由模块

m_datav.gif