• 课程 / 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来保证数据的实时性。项目还支持主题切换, 展示酷炫的图表效果.同时也能够支持大屏和小屏的切换,保证了图表在不同屏幕上呈现的效果。

    全部评论我要评论

  • AdamWYJ

    AdamWYJ1年前

    牛啊,想学

    回复
    0

  • 取消回复发送
  • PHP中文网