首页 实战 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
讲师

资深前端架构师

课程预览

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

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

演示页面：http://www.youbaobao.xyz/datav-report/
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 帮助你！

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