课程 / JavaScript

用最流行的图表引擎ECharts展示电商平台数据

【23期】PHP培训班，最后一天报名！

数据可视化项目使用最流行的图表引擎ECharts来展示电商平台中需要呈现的各方面的数据。用于更加细致的分析电商平台的运营情况,以便作出正确的决策。该项目前端使用Vue技术栈，后端使用Koa2框架，前后端数据的交互采取WebSocket来保证数据的实时性。项目还支持主题切换, 展示酷炫的图表效果.同时也能够支持大屏和小屏的切换,保证了图表在不同屏幕上呈现的效果。

难度：中级

共97章节

33015次播放

第1章第一章: 课程介绍
04:11; 项目演示
08:26; 数据可视化概念
05:43; ECharts的介绍
05:10; ECharts的快速上手
13:54; 相关配置项的讲解
09:40; 柱状图的基本实现和常见效果
18:06; 通用配置_title的相关配置
05:46; 通用配置_tooltip的相关配置
10:36; 通用配置_toolbox的相关配置
08:14
第2章第二章: 通用配置_legend的相关配置
07:50; 折线图的基本实现
05:23; 折线图的常见效果1
10:22; 折线图的常见效果2
12:52; 散点图的基本实现
11:03; 散点图的常见效果
14:39; 直角坐标系的常用配置grid
05:28; 直角坐标系的常用配置axis
04:47; 直角坐标系的常用配置dataZoom
11:02
第3章第三章: 饼图的基本实现
07:03; 饼图的常见效果
15:02; 地图的基本实现和常见配置
18:17; 地图常见效果_显示某个省份地图
07:12; 地图常见效果_显示空气质量
10:56; 地图常见效果_地图和散点图结合
10:10; 雷达图的实现
12:37; 仪表盘的实现
06:49; ECharts基础小结
07:08; 主题的使用
10:32
第4章第四章: 调色盘和颜色渐变
15:41; 直接样式和高亮样式的使用
06:07; 图表自适应的实现
07:46; 图表加载动画的实现
08:31; 图表增量动画的讲解
10:09; 图表动画的配置项
11:23; 全局ECharts对象的常用方法1
07:44; 全局ECharts对象的常用方法2
09:48; echartsInstance对象常用方法1
13:04; echartsInstance对象常用方法2
12:45
第5章第五章: ECharts高级小结
06:00; Koa2的介绍
11:02; Koa2的快速上手
09:30; Koa2中间件的特点
12:58; 后台项目_项目准备
10:27; 后台项目_总耗时中间件的开发
09:03; 后台项目_响应头中间件的开发
05:18; 后台项目_业务逻辑中间件的开发
18:03; 后台项目_跨域配置
10:48; 前端项目_项目的创建和准备
18:42
第6章第六章: 前端项目_商家销售统计_组件结构和布局结构
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
第7章第七章: 前端项目_销量趋势图表_切换图表的实现
18:30; 前端项目_销量趋势图表_分辨率适配
08:46; 前端项目_商家地图分布_显示地图1
08:22; 前端项目_商家地图分布_显示地图2
08:35; 前端项目_商家地图分布_显示散点
08:43; 前端项目_商家地图分布_UI调整
07:14; 前端项目_商家地图分布_分辨率适配
05:24; 前端项目_商家地图分布_地图点击效果
18:10; 前端项目_销售排行图表_基本图表的显示
12:22; 前端项目_销售排行图表_UI调整
12:55
第8章第八章: 前端项目_销售排行图表_平移动画效果
11:56; 前端项目_销售排行图表_分辨率适配
03:31; 前端项目_热销商品占比_基本图表的显示
09:57; 前端项目_热销商品占比_数据的切换
13:51; 前端项目_热销商品占比_UI调整
18:13; 前端项目_热销商品占比_分辨率适配
07:53; 前端项目_库存销量模块_基本图表的显示
11:48; 前端项目_库存销量模块_UI调整
11:54; 前端项目_库存销量模块_切换动画
08:58; 前端项目_库存销量模块_分辨率适配1
06:37
第9章第九章: 前端项目_库存销量模块_分辨率适配2
06:50; WebSocket的基本使用_后端
11:35; WebSocket的基本使用_前端
14:15; 后端项目的改造
06:04; 前后端数据字段的约定
14:41; 后端接收数据时的处理
12:44; 前端代码改造_连接服务器
13:19; 前端代码改造_处理接收的数据
14:40; 前端代码改造_组件的改造
10:38; 前端代码改造_优化
13:09
第10章第十章: 细节处理_组件合并
13:22; 细节处理_全屏切换_布局样式
13:18; 细节处理_全屏切换_点击事件的处理
06:36; 细节处理_全屏切换_联动效果
09:59; 细节处理_主题切换_图表主题
11:43; 细节处理_主题切换_定义数据
09:19; 细节处理_主题切换_原生HTML的切换
09:09; 细节处理_主题切换_联动效果
03:28

讲师介绍

王林: 学生

能学到什么:: 数据可视化项目使用最流行的图表引擎ECharts来展示电商平台中需要呈现的各方面的数据。用于更加细致的分析电商平台的运营情况,以便作出正确的决策。该项目前端使用Vue技术栈，后端使用Koa2框架，前后端数据的交互采取WebSocket来保证数据的实时性。项目还支持主题切换, 展示酷炫的图表效果.同时也能够支持大屏和小屏的切换,保证了图表在不同屏幕上呈现的效果。

暂无课件

取消回复发送

PHP中文网