数据可视化技术绘制复杂图表22课件讲解.pptxVIP

数据可视化技术绘制复杂图表

绘制散点图绘制气泡图绘制仪表盘绘制多仪表盘绘制漏斗图绘制多漏斗图绘制雷达图绘制词云图绘制矩形树图散点图案例仪表盘案例环形图案例

绘制散点图

散点图01创建散点图展示图书借出情况02操作演示03总结与思考04目录

01散点图

散点图定义散点图散点图是由一些散乱的点组成的图表。

散点图定义散点图散点图又称散点分布图，是以一个变量为横坐标，另一变量为纵坐标，利用散点(坐标点)的分布形态反映变量统计关系的一种图形。

散点图特点散点图能直观地表现出影响因素和预测对象之间的总体关系趋势。

通过直观醒目的图形方式反映出变量间关系的变化形式决定用何种类型的数学表达方式来模拟变量之间的关系散点图传递变量间关系类型的信息反映变量间关系的明确程度

02创建散点图

（一）准备数据创建散点图创建散点图校图书馆2021年图书借阅数据

（一）准备数据创建散点图鼠标滑过圆点点击详情提示框（tooltip）显示对应的时间和借阅次数

0102030405引入echarts.js库文件准备一个指定了大小的div容器使用init方法初始化容器设置图形配置项和数据使用指定的配置项和数据显示渲染图表创建散点图（二）创建项目

设置配置项设置图形配置项和数据创建散点图（二）创建项目

创建散点图（二）创建项目配置数据设置图形配置项和数据

03操作演示

创建散点图操作演示

04总结与思考

本次课主要讲解散点图展示图书馆2021年图书借阅情况。总结

引入echarts.js库文件创建Echarts散点图总结与思考准备一个指定了大小的div容器使用init方法初始化容器使用init方法初始化容器使用指定的配置项和数据显示渲染图表

课后练习具体要求（1）x轴为班级，具体值网络1班，网络2班，网络3班，网络4班。（2）y轴为学生人数，按真实值来写。（3）要求有提示框、图例、标题。绘制学生人数情况散点图

绘制气泡图

气泡图01创建气泡图展示图书借出情况02操作演示03总结与思考04目录

01气泡图

定义:气泡图如果还想要再增加变量，可以使用点的大小来表示。因为图中包含大小不一致的点，像气泡一样，所以称这种图为气泡图（bubble）。

气泡图气泡图与散点图不同气泡图是在基础散点图上添加一个维度，即用气泡大小表示一个新的维度。气泡图与散点图最直观的区别散点图中的数据点长得大小一样，气泡图中的气泡却大小各不相同。

气泡图各个气泡大小不一，并且可以设置不同的颜色。

02创建气泡图

校图书馆图书借阅数据（一）准备数据创建气泡图创建气泡图

创建气泡图鼠标滑过圆点点详情提示框（tooltip）显示对应的时间和借阅次数（一）准备数据

0102030405引入echarts.js库文件准备一个指定了大小的div容器使用init方法初始化容器设置图形配置项和数据使用指定的配置项和数据显示渲染图表创建气泡图（二）创建项目创建散点图的具体步骤如下：

设置配置项设置图形配置项和数据创建气泡图（二）创建项目

设置数据系列创建气泡图（二）创建项目设置图形配置项和数据

03操作演示

创建气泡图操作演示

04总结与思考

气泡图展示图书馆2021年图书借阅情况总结

引入echarts.js库文件准备一个指定了大小的div容器使用init方法初始化容器设置图形配置项和数据使用指定的配置项和数据显示渲染图表创建Echarts气泡图总结与思考

具体要求课后练习（1）包含三个维度，[班级序号，人数，成绩]（2）有5个班级，序号1、2、3、4、5（3）人数分别是：45,43,44,47,50（4）成绩范围0-100，大家自己定义数值绘制学生成绩气泡图

绘制仪表盘

仪表盘图01创建仪表盘展示图书一天内分时借阅情况02操作演示03总结与思考04目录

01仪表盘

仪表盘用于显示类似于速度计上的读数的数据，是一种拟物化的展示形式。拨号图表速度表图

仪表盘（Gauge）:仪表盘常用的商业智能（BI）类的图表之一，可以轻松展示用户的数据，并能清晰地看出某个指标值所在的范围。实际完成率数据汽车的速度发动机的转速油表、水表现状

仪表盘单仪表盘多仪表盘

特点仪表盘在仪表盘中，仪表盘的颜色可以用于划分指示值的类别，而刻度标示、指针指示维度、指针角度则可用于表示数值。仪表盘只需分配最小值和最大值，并定义一个颜色范围，指针将显示出关键指标的数据或当前进度。

仪表盘速度体积温度进度完成率满意度

仪表盘在线率从0到100各个区域可以设置不同的颜色，当指针指向某个区域，指针下方的数字也会跟着变化。仪表盘的样例

02创建仪表盘

（一）准备数据创建仪表盘我校图书馆一天内每小时的借阅量在0-100之内，采用随机数作为每小时借阅数据，并动态更新，创建如图所示的