你将学到的
  • 数据可视化
  • ECharts 基础配置
  • 定制图表
  • ECharts 特性
  • ECharts 实例
  • ECharts 社区
课程内容
  共7个章节

知识点: 1.ECharts介绍 2.数据可视化 3.ECharts特性

实验 2 ECharts 快速上手

知识点: 1.引入echartsjs文件 2.准备一个具备大小的DOM容器 3.初始化ECharts实例对象 4.指定配置项和数据 5.将配置项设置给ECharts实例对象

实验 3 ECharts 基础概念概览

知识点: 1.ECharts实例 2.ECharts基础配置 3.系列(series) 4.组件(component) 5.用option描述图表 6.坐标系

实验 4 ECharts 定制柱状图

知识点: 1.页面结构 2.定制图表 3.定制X轴相关设置 4.定制Y轴相关设置 5.定制柱形及修改数据 6.修改柱子的样式 7.设置两组柱子层叠

实验 5 ECharts 定制线性图

知识点: 1.页面结构 2.定制图表 3.定制X轴相关设置 4.定制Y轴相关设置 5.修改两个线模块配置

实验 6 ECharts 定制饼状图

知识点: 1.页面结构 2.定制图表 3.更改数据和图例组件 4.设置饼图样式

实验 7 ECharts 中国地图模拟飞行模块

知识点: 1.ECharts社区介绍 2.Echartsmap使用 3.定制模拟航线图

课程介绍

ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器,提供直观,交互丰富,可高度个性化定制的数据可视化图表。通过本课程的学习,你也能制作出炫酷的可视化图表。

定制柱状图一:

图片描述

定制柱状图二:

图片描述

定制线性图:

图片描述

定制饼状图:

图片描述

中国地图模拟飞行航线:

图片描述

先学课程

课程难度

  • 简单

适合人群

  • 适合学习过 HTML、CSS、JavaScript 基础的学员。
课程教师

Sny 共发布过 15 门课程

查看老师的所有课程 >
蓝桥楼+
实验楼会员
会员
开通会员,即刻开始学习