• 课程 / JavaScript

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

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