• 课程 / JavaScript

    ECharts数据可视化项目-大屏数据可视化展示

    PHP综合实战阶段,开始报名了!

    立即报名
    介绍章节评论课件
    学习本课程主要有两个目的: 1、可视化面板布局适配屏幕 2、利用ECharts 实现柱状图展示 核心技术: -基于 flexible.js + rem 智能大屏适配 - VScode cssrem插件 - Flex 布局 - Less 使用 - 基于ECharts 数据可视化展示 - ECharts 柱状图数据设置 - ECharts 地图引入
  • 难度:中级
  • 共53章节
  • 8983次播放
  • 第1章 第一章

    课程内容介绍

    08:09

    数据可视化介绍

    04:25

    可视化适配方案

    11:34

    可视化项目头部制作

    10:01

    mainbox布局分析

    06:35

    panel盒子公共面板

    12:20

    panle盒子完成

    03:33

    数字模块no布局制作

    05:16

    no-hd模块详细布局

    10:34

    no-bd模块详细布局

    02:41
    第2章 第二章

    map1球体模块制作

    04:59

    map2模块旋转球体制作

    03:54

    map3模块旋箭头制作

    04:34

    ECharts简介

    05:00

    ECharts体验使用五部曲

    10:32

    ECharts基础配置(上)

    08:08

    ECharts基础配置(中)

    10:24

    ECharts基础配置(下)

    09:56

    柱状图bar引入到HTML页面中

    07:31

    定制柱状图bar(上)

    08:07
    第3章 第三章

    定制柱状图bar(中)

    06:45

    定制柱状图bar(下)

    05:24

    EChart图表跟随屏幕缩放适配

    02:44

    学习进度柱形图2引入到html页面中

    05:54

    学习进度柱形图2定制1

    05:50

    学习进度柱形图2定制2

    06:36

    学习进度柱形图2定制3

    05:07

    学习进度柱形图2定制4

    06:31

    学习进度柱形图2定制5

    06:16

    学习进度柱形图2定制6

    04:05
    第4章 第四章

    学习进度柱形图2定制7

    03:22

    折线图1引入到html页面中

    05:29

    折线图1定制grid网格

    07:11

    折线图1定制x轴和y轴相关配置

    04:13

    折线图1定制两条线的样式

    03:50

    折线图1数据更换

    04:05

    折线图1tab栏切换原理分析

    05:20

    折线图tab栏切换更换数据

    10:52

    折线图2引入到html页面中

    04:01

    折线图2定制

    04:17
    第5章 第五章

    折线图2定制填充渐变区域

    07:54

    折线图2拐点配置定制

    06:01

    折线图2数据更换

    04:02

    饼形图1引入到html页面中

    06:37

    饼形图1图例组件定制

    04:31

    饼形图1修改饼形图大小

    06:19

    饼形图1更换颜色和相关数据

    03:34

    饼形图2引入到html页面中

    04:52

    饼形图2南丁格尔玫瑰图-配置定制(上)

    03:25

    饼形图2南丁格尔玫瑰图配置定制(下)

    08:05

    中国地图模拟飞行模块引入到html页面中

    08:46

    中国地图模拟飞行模块定制

    04:14

    项目完善期待下次再次相遇

    04:51

    讲师介绍

    王林
    王林
    学生
    能学到什么:

    学习本课程主要有两个目的: 1、可视化面板布局适配屏幕 2、利用ECharts 实现柱状图展示 核心技术: -基于 flexible.js + rem 智能大屏适配 - VScode cssrem插件 - Flex 布局 - Less 使用 - 基于ECharts 数据可视化展示 - ECharts 柱状图数据设置 - ECharts 地图引入

    全部评论我要评论

    暂无评论~
  • 取消回复发送
  • PHP中文网