首页 实战 Vue + EChart 4.0 从0到1打造商业级数据报表项目
收藏

Vue + EChart4.0 从0到1打造商业级数据报表项目

数据可视化是未来前端技术的标配,是未来前端竞争的破冰利器

Vue + EChart 4.0 从0到1打造商业级数据报表项目

难度 中级 时长 6小时54分钟 学习人数 5701 综合评分 9.94

数据可视化是大厂的硬性标配,是中小企业的紧迫要求,而前端数据可视化是让你快速获得“前端差异化”竞争力的突破点。本课程将手把手带你用 Vue + EChart4.0 从0到1完成一个热门的外卖报表项目,助力你快速成为企业急需的前端数据可视化人才。

Sam
讲师

资深前端架构师

课程预览

检测到您还没有关注慕课网服务号,无法接收课程更新通知。请扫描二维码即可绑定
重新观看
课程目标
快速上手一个商业级数据可视化项目
外卖项目在人流、时段、地图等方面都有
很强的数据要求,掌握这个项目,就是掌
握了一套完整的数据报表可视化解决方案
 轻松掌握一套完整的数据可视化开发流程
跟随慕课网明星讲师脚步,掌握完整的数
据报表可视化开发流程。举一反三高效学
会其他数据可视化技术。
 高效积累数据可视化技术落地经验
数据可视化技术是前端超前技术,地图可
视化是数据可视化高频技术,摸透了这项
技术,各大名企抢着要,加薪少了都不行!
课程亮点

基于外卖业务的数据报表开发,解决多维度数据需求

vue硬核特性

Vue 项目创建+element-ui按需加载

Vue 高级特性:代码混入(mixins)

Vue 高级特性:组件通信(provided+inject)

Vue 高级特性:组件插槽(slot)

Axios 高级特性:自定义实例+拦截器

ECharts 高级应用

ECharts 常见图表:折线图、柱状图

ECharts 高级特性:自定义渲染

ECharts 高级特性:自定义复杂饼图

v-charts 组件库(水球+词云图)

vue-echarts 组件(大幅简化 Echarts 操作)

地图可视化

百度地图可视化接入流程

v-charts 快速接入百度地图

百度地图自定义主题

百度地图自定义散点图(含动画)绘制

百度地图多系列散点图渲染

专门订制教程:外卖数据地图可视化的轻松实现

高大上的地图动态大盘,升职加薪一步到位!

Vue+ECharts + 百度地图,实现真正的企业级应用,
项目使用 Vue-ECharts 和 v-charts 等组件库,
进一步简化地图开发
课程大纲
第1章 课程介绍
第2章 数据报表项目初始化 + 核心指标组件开发
第3章 核心指标组件重构+销售趋势组件开发
第4章 数据大盘组件开发【数据可视化项目】
本章节介绍整个课程的内容,让大家了解课程的核心和安排。
夯实基础知识后,我们将开启数据报表项目,本章将带大家完成项目初始化,并集成 element-ui 和 echarts 库,知识点很多,赶紧拿起小本本学起来。
本章我们重点使用 vue-echarts 组件重构代码中应用 echarts 部分代码,利用 vue-echarts 简化 echarts 开发。
有地图可视化知识加持,现在可以愉快地完成数据报表项目了,再接上真实 API,妥妥的大项目。
查看完整目录
专属服务

每个慕课网课程,都是一个专业的技术社区

个性化增值服务,学习有保障更高效

源码开放
课程案例代码完全开放给你,你可以根
据所学知识,自行修改、优化,用于正
式项目
专属详尽电子书
课程每一章节都配备了详细的电子书,
把复杂的内容进行浓缩,方便你随时查
取。
学练测一体
课程不仅包括视频讲解,还提供练习、
测验等巩固学习效果的环节
独家“动态”教辅材料
丰富的专属教辅资料实时上传更新,通过
课程教案、原理图解、技术文档、演示案
例等各种教材,保障你的学习效果。
技术要求
想掌握数据可视化这门稀缺技术的前端工程师
环境参数
掌握HTML、Javascript(ES6) / 有Vue.js 、Node.js基础
提问
数据加载中...
意见反馈 帮助中心 APP下载
官方微信

学习咨询

选课、学习遇到问题?

扫码添加指导老师 1V1 帮助你!

添加后老师会第一时间解决你的问题