〖课程介绍〗
        课程须知
        学习本课程需要必备的储备知识 HTML, Javascript(ES6),Vue.js Node.js 的基本了解
        老师告诉你能学到什么？
        1、前端数据可视化的开发流程和浏览器绘图原理
        2、github 4w+ star 的超人气项目 Echarts 4.0 入门
        3、2 小时快速完成一个可视化项目

        简介：课程通过 2 个小时的时间快速入门 Echarts 4.0，讲解浏览器的绘图原理、并且利用 Echarts4.0 完成一个电商销售趋势组件。

〖课程目录〗:
        第1章 课程介绍
        介绍课程的主要内容和课程收获
        视频：
        1-1 课程介绍 (02:47)
        第2章 浏览器绘图原理
        讲解浏览器的绘图原理，并入门 canvas 和 svg
        视频：
        2-1 浏览器绘图原理 (02:06)
        视频：
        2-2 canvas绘图
        视频：
        2-3 svg绘图 (05:25)
        视频：
        2-4 canvas和svg对比 (02:56)
        第3章 ECharts 4.0 快速入门
        本章节介绍了我们要实现的项目，以及常见图表的介绍。
        视频：
        3-1 ECharts项目介绍 (05:48)
        视频：
        3-2 ECharts第一个案例 (09:19)
        视频：
        3-3 ECharts+Webpack案例 (18:21)
        视频：
        3-4 常见ECharts图表讲解 (02:34)
        第4章 ECharts 4.0 项目开发
        本章节，带领大家用ECharts 4.0 完成一个可视化组件，包括需求分析、项目初始化、组件的逐步开发。
        视频：
        4-1 项目需求分析 (02:10)
        视频：
        4-2 项目初始化 (18:40)
        视频：
        4-3 组件整体样式开发 (06:55)
        视频：
        4-4 组件头部和内容布局开发1 (08:55)  
        视频：
        4-5 组件内容区单选组件和底部文本开发 (07:52)
        视频：
        4-6 组件ECharts图表开发 (17:18)
        视频：
        4-7 ECharts图表自动轮播功能开发 (03:49)  
        视频：
        4-8 组件底部布局开发 (03:09)
        视频：
        4-9 ECharts图标动画BUG修复 (02:38)
        视频：
        4-10 组件底部样式开发 (04:34)
        视频：
        4-11 底部Progress组件样式和动画开发 (11:00)
        视频：
        4-12 本章小结 (06:11)