【23期】PHP培训班,最后一天报名!
立即报名课程介绍
04:11项目演示
08:26数据可视化概念
05:43ECharts的介绍
05:10ECharts的快速上手
13:54相关配置项的讲解
09:40柱状图的基本实现和常见效果
18:06通用配置_title的相关配置
05:46通用配置_tooltip的相关配置
10:36通用配置_toolbox的相关配置
08:14通用配置_legend的相关配置
07:50折线图的基本实现
05:23折线图的常见效果1
10:22折线图的常见效果2
12:52散点图的基本实现
11:03散点图的常见效果
14:39直角坐标系的常用配置grid
05:28直角坐标系的常用配置axis
04:47直角坐标系的常用配置dataZoom
11:02饼图的基本实现
07:03饼图的常见效果
15:02地图的基本实现和常见配置
18:17地图常见效果_显示某个省份地图
07:12地图常见效果_显示空气质量
10:56地图常见效果_地图和散点图结合
10:10雷达图的实现
12:37仪表盘的实现
06:49ECharts基础小结
07:08主题的使用
10:32调色盘和颜色渐变
15:41直接样式和高亮样式的使用
06:07图表自适应的实现
07:46图表加载动画的实现
08:31图表增量动画的讲解
10:09图表动画的配置项
11:23全局ECharts对象的常用方法1
07:44全局ECharts对象的常用方法2
09:48echartsInstance对象常用方法1
13:04echartsInstance对象常用方法2
12:45ECharts高级小结
06:00Koa2的介绍
11:02Koa2的快速上手
09:30Koa2中间件的特点
12:58后台项目_项目准备
10:27后台项目_总耗时中间件的开发
09:03后台项目_响应头中间件的开发
05:18后台项目_业务逻辑中间件的开发
18:03后台项目_跨域配置
10:48前端项目_项目的创建和准备
18:42前端项目_商家销售统计_组件结构和布局结构
15:45前端项目_商家销售统计_图表基本功能
13:24前端项目_商家销售统计_动态刷新的实现
15:10前端项目_商家销售统计_UI调整1
09:01前端项目_商家销售统计_UI调整2
13:08前端项目_商家销售统计_拆分option
06:43前端项目_商家销售统计_分辨率适配
11:59前端项目_销量趋势图表_通用代码结构
13:55前端项目_销量趋势图表_基本图表的显示
11:25前端项目_销量趋势图表_UI调整
12:00前端项目_销量趋势图表_切换图表的实现
18:30前端项目_销量趋势图表_分辨率适配
08:46前端项目_商家地图分布_显示地图1
08:22前端项目_商家地图分布_显示地图2
08:35前端项目_商家地图分布_显示散点
08:43前端项目_商家地图分布_UI调整
07:14前端项目_商家地图分布_分辨率适配
05:24前端项目_商家地图分布_地图点击效果
18:10前端项目_销售排行图表_基本图表的显示
12:22前端项目_销售排行图表_UI调整
12:55前端项目_销售排行图表_平移动画效果
11:56前端项目_销售排行图表_分辨率适配
03:31前端项目_热销商品占比_基本图表的显示
09:57前端项目_热销商品占比_数据的切换
13:51前端项目_热销商品占比_UI调整
18:13前端项目_热销商品占比_分辨率适配
07:53前端项目_库存销量模块_基本图表的显示
11:48前端项目_库存销量模块_UI调整
11:54前端项目_库存销量模块_切换动画
08:58前端项目_库存销量模块_分辨率适配1
06:37前端项目_库存销量模块_分辨率适配2
06:50WebSocket的基本使用_后端
11:35WebSocket的基本使用_前端
14:15后端项目的改造
06:04前后端数据字段的约定
14:41后端接收数据时的处理
12:44前端代码改造_连接服务器
13:19前端代码改造_处理接收的数据
14:40前端代码改造_组件的改造
10:38前端代码改造_优化
13:09细节处理_组件合并
13:22细节处理_全屏切换_布局样式
13:18细节处理_全屏切换_点击事件的处理
06:36细节处理_全屏切换_联动效果
09:59细节处理_主题切换_图表主题
11:43细节处理_主题切换_定义数据
09:19细节处理_主题切换_原生HTML的切换
09:09细节处理_主题切换_联动效果
03:28数据可视化项目使用最流行的图表引擎ECharts来展示电商平台中需要呈现的各方面的数据。用于更加细致的分析电商平台的运营情况,以便作出正确的决策。 该项目前端使用Vue技术栈,后端使用Koa2框架,前后端数据的交互采取WebSocket来保证数据的实时性。项目还支持主题切换, 展示酷炫的图表效果.同时也能够支持大屏和小屏的切换,保证了图表在不同屏幕上呈现的效果。