飞豹客 · 课能看,资料也能带走
飞豹客体系课

【实战】ECharts数据可视化之疫情实时监控展示(热销)

疫情监控大屏:从零到一学数据可视化 这门课的核心是用ECharts做一个疫情实时监控的数据大屏。如果你在工作中需要展示数据——无论是业务指标、销售报表还是实时监测——这个项目的思路完全可以迁移。课程不是纯理论,而是围绕一个真实场景,教你怎么把散乱的数据变成能看的仪表板。 适合什么基础,值不值得学 需

单课价¥39.00新品 上架
会员价¥19.50开通会员,全站课程按会员价下载套餐详情
0 人关注 更新于 2026-10-21 永久有效
发货

网盘链接 · 支付成功后自动发货

保障

永久有效 · 链接失效免费补发

客服

每日 9:00-21:00 在线客服 联系客服

购买本课销量 0 · 永久有效
会员价 · 单课标价 ¥39.00

会员 · 按档位

永久¥19.505折
年¥23.406折
月¥27.307折

游客按标价购买,不享受上表折扣。

支付成功后自动发放网盘链接,链接失效可找客服免费补

正版保障 极速发货 售后无忧

疫情监控大屏:从零到一学数据可视化

这门课的核心是用ECharts做一个疫情实时监控的数据大屏。如果你在工作中需要展示数据——无论是业务指标、销售报表还是实时监测——这个项目的思路完全可以迁移。课程不是纯理论,而是围绕一个真实场景,教你怎么把散乱的数据变成能看的仪表板。

适合什么基础,值不值得学

需要你已经会基础的JavaScript和HTML/CSS。如果HTML标签、函数、事件这些概念还很陌生,可能节奏会有点快。但如果你是前端开发者或者做过一两个网页项目,这个难度就刚好。课程假设你知道怎么引入第三方库、怎么在浏览器里调试,这样可以把时间都花在ECharts的用法上。

学完能做什么?你能独立搭一个数据大屏:从API拿数据,用ECharts的地图、柱状图、折线图展示出来,定时刷新数据保持实时性。这对做BI工具、运维监控、业务仪表板的人特别有用。更重要的是,你掌握了怎么把复杂的展示需求分解成单个图表,怎么让这些图表协调工作。这套思路能复用到很多项目上。

推荐的学习路径和资料配合

前两章讲ECharts的基础概念和快速上手,必须完整看一遍。然后是常用配置项和常用图表类型,这两块讲的是坐标轴、图例、数据系列怎么配置,柱状图、折线图、地图怎么画。这些都是后面项目的基础砖块,建议边看边在本地试验,改一改参数,感受各个配置项的实际效果。这个环节不能跳,虽然有点枯燥,但后面会省很多时间。

前面打好基础以后,从疫情监控项目开始进入实战。页面布局教你怎么用CSS把多个图表排列成大屏的样子。获取疫情数据那块很关键——它教你怎么调用API、怎么用JavaScript处理JSON数据,这不只是为了这个项目,任何需要展示外部数据的场景都用得上。之后的几个章节(汇总数据、全国地图、省份排序、边界数据)都是实际操作,建议跟着代码敲一遍,不要只看视频。实时显示时间、使用轮询自动刷新这两块看起来简单,实际上是让大屏真正"活"起来的关键。

最后的部署章节虽然短,但交代了怎么把本地项目上线到服务器,这样你的大屏才能真正被用起来。整个流程走通了,你就有了一个能放进简历、能给老板展示的完整项目。建议把这个项目改造成你公司业务相关的数据大屏,这样学习效果会更好,也更有实用价值。

课程目录

课程目录18 集
  • 1 ECharts简介 (07:27).mp4
  • 2 ECharts快速上手 (12:48).mp4
  • 3 常用配置项_1 (15:39).mp4
  • 4 常用配置项_2 (16:07).mp4
  • 5 常用图表_1 (07:46).mp4
  • 6 常用图表_2 (10:09).mp4
  • 7 疫情实时监控效果展示 (08:03).mp4
  • 8 页面布局 (13:00).mp4
  • 9 实时显示时间 (10:59).mp4
  • 10 获取疫情数据并分析 (12:12).mp4
  • 11 疫情汇总数据的展示 (10:42).mp4
  • 12 全国疫情地图的实现 (18:32).mp4
  • 13 确诊省份TOP10的实现 (14:26).mp4
  • 14 境外输入TOP5的实现 (19:37).mp4
  • 15 全国累计趋势的实现 (19:04).mp4
  • 16 全国新增趋势的实现 (07:24).mp4
  • 17 使用Ajax轮询自动获取数据 (04:24).mp4
  • 18 部署上线 (05:18).mp4