Echarts-Vue项目—电商平台数据可视化实时监控系统

• 第1章 第一章
• 1-1 课程介绍
• 1-2 项目演示
• 1-3 数据可视化概念
• 1-4 ECharts的介绍
• 1-5 ECharts的快速上手
• 1-6 相关配置项的讲解
• 1-7 柱状图的基本实现和常见效果
• 1-8 通用配置_title的相关配置
• 1-9 通用配置_tooltip的相关配置
• 1-10 通用配置_toolbox的相关配置
• 第2章 第二章
• 2-1 通用配置_legend的相关配置
• 2-2 折线图的基本实现
• 2-3 折线图的常见效果1
• 2-4 折线图的常见效果2
• 2-5 散点图的基本实现
• 2-6 散点图的常见效果
• 2-7 直角坐标系的常用配置grid
• 2-8 直角坐标系的常用配置axis
• 2-9 直角坐标系的常用配置dataZoom
• 2-10 饼图的基本实现
• 第3章 第三章
• 3-1 饼图的常见效果
• 3-2 地图的基本实现和常见配置
• 3-3 地图常见效果_显示某个省份地图
• 3-4 地图常见效果_显示空气质量
• 3-5 地图常见效果_地图和散点图结合
• 3-6 雷达图的实现
• 3-7 仪表盘的实现
• 3-8 ECharts基础小结
• 3-9 主题的使用
• 3-10 调色盘和颜色渐变
• 第4章 第四章
• 4-1 直接样式和高亮样式的使用
• 4-2 图表自适应的实现
• 4-3 图表加载动画的实现
• 4-4 图表增量动画的讲解
• 4-5 图表动画的配置项
• 4-6 全局ECharts对象的常用方法1
• 4-7 全局ECharts对象的常用方法2
• 4-8 echartsInstance对象常用方法1
• 4-9 echartsInstance对象常用方法2
• 4-10 ECharts高级小结
• 第5章 第五章
• 5-1 Koa2的介绍
• 5-2 Koa2的快速上手
• 5-3 Koa2中间件的特点
• 5-4 后台项目_项目准备
• 5-5 后台项目_总耗时中间件的开发
• 5-6 后台项目_响应头中间件的开发
• 5-7 后台项目_业务逻辑中间件的开发
• 5-8 后台项目_跨域配置
• 5-9 前端项目_项目的创建和准备
• 5-10 前端项目_商家销售统计_组件结构和布局结构
• 第6章 第六章
• 6-1 前端项目_商家销售统计_图表基本功能
• 6-2 前端项目_商家销售统计_动态刷新的实现
• 6-3 前端项目_商家销售统计_UI调整1
• 6-4 前端项目_商家销售统计_UI调整2
• 6-5 前端项目_商家销售统计_拆分option
• 6-6 前端项目_商家销售统计_分辨率适配
• 6-7 前端项目_销量趋势图表_通用代码结构
• 6-8 前端项目_销量趋势图表_基本图表的显示
• 6-9 前端项目_销量趋势图表_UI调整
• 6-10 前端项目_销量趋势图表_切换图表的实现
• 第7章 第七章
• 7-1 前端项目_销量趋势图表_分辨率适配
• 7-2 前端项目_商家地图分布_显示地图
• 7-3 前端项目_商家地图分布_显示散点
• 7-4 前端项目_商家地图分布_UI调整
• 7-5 前端项目_商家地图分布_分辨率适配
• 7-6 前端项目_商家地图分布_地图点击效果
• 7-7 前端项目_销售排行图表_基本图表的显示
• 7-8 前端项目_销售排行图表_UI调整
• 7-9 前端项目_销售排行图表_平移动画效果
• 7-10 前端项目_销售排行图表_分辨率适配
• 第8章 第八章
• 8-1 前端项目_热销商品占比_基本图表的显示
• 8-2 前端项目_热销商品占比_数据的切换
• 8-3 前端项目_热销商品占比_UI调整
• 8-4 前端项目_热销商品占比_分辨率适配
• 8-5 前端项目_库存销量模块_基本图表的显示
• 8-6 前端项目_库存销量模块_UI调整
• 8-7 前端项目_库存销量模块_切换动画
• 8-8 前端项目_库存销量模块_分辨率适配
• 8-9 WebSocket的基本使用_后端
• 8-10 WebSocket的基本使用_前端
• 第9章 第九章
• 9-1 后端项目的改造
• 9-2 前后端数据字段的约定
• 9-3 后端接收数据时的处理
• 9-4 前端代码改造_连接服务器
• 9-5 前端代码改造_处理接收的数据
• 9-6 前端代码改造_组件的改造
• 9-7 前端代码改造_优化
• 9-8 细节处理_组件合并
• 9-9 细节处理_全屏切换_布局样式
• 9-10 细节处理_全屏切换_点击事件的处理
• 第10章 第十章
• 10-1 细节处理_全屏切换_联动效果
• 10-2 细节处理_主题切换_图表主题
• 10-3 细节处理_主题切换_定义数据
• 10-4 细节处理_主题切换_原生HTML的切换
• 10-5 细节处理_主题切换_联动效果