[原创]-Day2.零基础如何绘制数据可视化图形

我会带着你远行 2022-12-28 00:54 286阅读 0赞

![format_png][]

# 数据可视化的基础语法 #

**可视化**主要是以图像来展示数据间的关系，

常见的图形种类有

*  **折线图,散点图,条形图，直方图，饼图**。
 *  此外在接下来课程中还会用到**箱线图，热力图，蜘蛛图**，表示二元变量分布和成对关系的视图。

今天我们要来了解折线图，散点图，条形图，直方图，饼图和器特点。认识Matplotlib的图像结构，并以Matplotlib绘制折线图为例来掌握设置辅助显示层；此外，用Matplotlob设置辅助显示层，内容还增添拓展部份，平时用到的不是很多，作为了解即可。

## 常见图像 ##

### 折线图 ###

*  以折线的上升或下降来表示统计数量的增减变化的统计图
    
    **特点：能够显示数据的变化趋势，反映事物的变化情况。(变化)**

![format_png 1][]

### 散点图（Scatter） ###

*  用两组数据构成多个坐标点，考察坐标点的分布,判断两变量之间是否存在某种关联或总结坐标点的分布模式。
    
    **特点：判断变量之间是否存在数量关联趋势,展示离群点(分布规律)**

![format_png 2][]

### 条形图 ###

*  排列在工作表的列或行中的数据可以绘制到柱状图中。
    
    **特点：绘制连离散的数据,能够一眼看出各个数据的大小,比较数据之间的差别。(统计/对比)**
    
    ![format_png 3][]

### 直方图(Histogram) ###

*  由一系列高度不等的纵向条纹或线段表示数据分布的情况。一般用横轴表示数据范围，纵轴表示分布情况。
    
    **特点：绘制连续性的数据展示一组或者多组数据的分布状况(统计)**
    
    ![format_png 4][]

### 饼图(pie) ###

*  用于表示不同分类的占比情况，通过弧度大小来对比各种分类。
    
    **特点：分类数据的占比情况(占比)**

![format_png 5][]

## Matplotlib画图基础 ##

![format_png 6][]

`Matplotlib`，它是一个Python 2D绘图库，它可以在各种平台上以各种硬拷贝格式和交互式环境生成出具有出版品质的图形。只需几行代码即可生成绘图，直方图，条形图,散点图等。

### Matplotlib画图的简单实现 ###

--------------------

# 导入模块
     import matplotlib.pyplot as plt
     # 在jupyter中执行的时候显示图片
     #matplotlib inline
     # 传入x和y, 通过plot画图
     plt.plot([3, 1, 7], [4, 5, 6])
     # 在执行程序的时候展示图形
     plt.show()

**传入x和y时，括号中的第一个列表是x轴上的值，第二个列表是y上的值。**

运行结果：

![format_png 7][]

**如何应用呢？**

![format_png 8][]

### 对Matplotlib图像结构的认识 ###

![format_png 9][]

在学习Matplotlib的过程中，大家一定会遇到这样那样的问题，

`比如说`，

*  背景图怎么设置？
 *  坐标轴怎么设置？
 *  坐标轴上的刻度值怎么设置？
    
    因此对于Matplotlib的图像结构组成我们要有一定的了解。通常情况下，我们可以将一副Matplotlib图像分成三层结构：

1.  **第一层是底层的容器层**
    
    主要包括Canvas(画板)底层、Figure（画布）用户操作第一层设置画布的大小和背景颜色、Axes（绘图区）独立的坐标系；
2.  **第二层：辅助显示层**
    
    主要包括Axis（轴）、Spines（边框线）、Tick（坐标轴刻度）、Grid（网格线）、Legend（图例说明）、Title（标题）等，该层可通过set\_axis\_off()或set\_frame\_on(False)等方法设置不显示。
    
    该层的设置可使图像显示更加直观更加容易被用户理解，但又并不会对图像产生实质的影响。
3.  **第三层：图像层**
    
    即通过plot、hist、contour、scatter等方法绘制的图像。

## Matplotlib绘制折线图 ##

### 折线图的绘制 ###

![format_png 10][]

`代码解析：`

x轴数值的产生使用range函数，开始数字是1，结束时7，不包含8。

### 折线的颜色和形状设置 ###

from matplotlib import pyplot as plt
     x = range(1,8) # x轴的位置
     y = [17, 17, 18, 15, 11, 11, 13]
     # 传入x和y, 通过plot画折线图
     plt.plot(x, y, color='red',alpha=0.5,linestyle='--',linewidth=3)
     plt.show()
     
     '''基础属性设置
     color='red' : 折线的颜色
     alpha=0.5 : 折线的透明度(0-1)
     linestyle='--' : 折线的样式
     linewidth=3 : 折线的宽度
     '''
     '''线的样式
     - 实线(solid)
     -- 短线(dashed)
     -. 短点相间线(dashdot)
     ：虚点线(dotted)
     '''

运行结果：

![format_png 11][]

### 折点样式 ###

![format_png 12][]

**折点形状选择：**

标记maker            描述
     
     ‘o’                 圆圈  
     ‘.’                 点
     ‘D’                 菱形  
     ‘s’                 正方形
     ‘h’                 六边形1    
     ‘*’                 星号
     ‘H’                 六边形2    
     ‘d’                 小菱形
     ‘_’                 水平线
     ‘v’                 一角朝下的三角形
     ‘8’                 八边形
     ‘<’                 一角朝左的三角形
     ‘p’                 五边形
     ‘>’                 一角朝右的三角形
     ‘,’                 像素  
     ‘^’                 一角朝上的三角形
     ‘+’                 加号  
     ‘| ‘               竖线
     ‘None’,’’,’ ‘       无  
     ‘x’                 X

### 设置图片的大小和保存 ###

from matplotlib import pyplot as plt
     import random
     x = range(2,20,2) # x轴的位置
     y = [random.randint(15, 30) for i in x]
     # 设置图片的大小
     '''
     figsize:指定figure的宽和高，单位为英寸；
     dpi参数指定绘图对象的分辨率，即每英寸多少个像素，缺省值为80 1英寸等于2.5cm,A4纸是 21*30cm的纸张
     '''
     # 设置画布对象
     plt.figure(figsize=(20,8),dpi=80)
     plt.plot(x,y) # 传入x和y, 通过plot画图
     # 保存(注意：要放在show的上面，plt.show()会释放figure资源，如果在显示图像之后保存图片将只能保存空图片。)
     plt.savefig('./t1.png')
     #./表示放在当前python文件的目录
     plt.show()
     # 图片的格式也可以保存为svg这种矢量图格式，这种矢量图放在网页中放大后不会有锯齿
     # plt.savefig('./t1.svg')

`x轴`的数值，使用range(),step为2,不包括20；

`y轴`的数值是一个列表表达式，由随机数产生，import random之后，randint产生随机整数，范围是15-30。“for i in x”是一个循环，作用是表明y轴数值产生随机数的次数，次数由x轴上数值的个数决定。

运行结果：

![format_png 13][]

### 绘制x轴和y轴的刻度 ###

![format_png 14][]

在设置Y轴标签时，标签数值的取值范围range(min(y),max(y)+1)，这里min()和max()时是函数，分别取y中的最小和最大值，由于range函数不包集合右边的值，故加`1`。plt.yticks(range(min(y),max(y)+1),y\_ticks\_label)中，y\_ticks\_label表示y轴刻度产生的次数。

### 设置显示中文 ###

matplotlib只显示英文，无法显示中文，需要修改**matplotlib**的默认字体。通过模块`font_manager`使用中文字体可以解决。

以表示两个小时内心脏每分钟跳动变化为例，x轴需要加上标题“时间”，y轴“次数”，图像标题“每分钟跳动次数”,如下图所示：

![format_png 15][]

### 一图多线 ###

![format_png 16][]

### 拓展部分：一图多个坐标系 ###

# 方法add_subplot：给figure新增子图
     
     # 这里引进的科学计算库Numpy,把它看作一个[列表]即可，目的是要使用log方法画log对数函数。
     import numpy as np
     from matplotlib import pyplot as plt
     x = np.arange(1, 100) #与range（）相同
     #新建figure画布对象，三个坐标轴（子图）建立在同一个画布上
     fig=plt.figure(figsize=(20,10),dpi=80)
     
     #利用画布对象，在上面放置三个坐标系
     #新建子图1
     ax1=fig.add_subplot(2,2,1)
     ax1.plot(x, x)
     #新建子图2
     ax2=fig.add_subplot(2,2,2)
     ax2.plot(x, x ** 2) #x的二次方，如果是x**3是x的三次方
     ax2.grid(color='r', linestyle='--', linewidth=1,alpha=0.3)
     #新建子图3
     ax3=fig.add_subplot(2,2,3)
     ax3.plot(x, np.log(x))
     plt.show()

在这里解释一下add\_subplot(2,2,1)里的参数的含义。在一个画布上放置三个图，需要排列位置。

首先将一张图，分成两列，再分成两行，总共划分出四个格子，子图1按照从左到右从上到下的顺序放在第一个格子里。

运行结果：

![format_png 17][]

### 拓展部分：设置坐标轴范围 ###

![format_png 18][]

![format_png 19][]

## 打卡格式 ##

![format_png 20][]

## 小作业 ##

*  **1、**说出你理解的五种常用图像的特点，你有没有地方需要用得到呢？。

*  **2、**运用`Matplotlib`,自己编数据设计样式，绘制一幅自己的折线图。

![format_png 21][]

*请添加**小编**,回复关键词：\[**数据可视化**\],*

![format_png 22][]

**-今日互动-**

你学会了吗？欢迎文章下方留言互动![format_png 23][]

如果对你有帮助的话

❤️来个「转发朋友圈」和「在看」，是最大的支持❤️

[format_png]: /images/20221120/57c6c05ed0174788ad346e2f81c6890c.png
[format_png 1]: /images/20221120/2697977dcab74d0e98e9469d73edaa51.png
[format_png 2]: /images/20221120/2d0c8d72942d40f1ba3719f48740e95c.png
[format_png 3]: /images/20221120/160f09abc0f54254b67e857d53cb1b6f.png
[format_png 4]: /images/20221120/95f94e64c12f4d7596d23e26145c8908.png
[format_png 5]: /images/20221120/2efd5d1cf6554621a7db3c8dd386423e.png
[format_png 6]: /images/20221120/2ab683a788b64b11be7c94df4c554917.png
[format_png 7]: /images/20221120/1d5d4c298442414792a72c5f31c83f02.png
[format_png 8]: /images/20221120/734e4f9409c8460f9dd883c8893ba58a.png
[format_png 9]: /images/20221120/86e75b58ec054fdd9519af0976c0920e.png
[format_png 10]: /images/20221120/b50ec4a63e034f0f9b480b6bd76eb795.png
[format_png 11]: /images/20221120/62cdff2028e8421890352301b0000cf4.png
[format_png 12]: /images/20221120/3f04884f15464c789ba7f62aba48b1d0.png
[format_png 13]: /images/20221120/fcc98530ce8c45e88ad0c0a2d6248e92.png
[format_png 14]: /images/20221120/bf226fd79d4b4042980d8a645cae2f58.png
[format_png 15]: /images/20221120/78c3006b501d4e17a136da4496cf776d.png
[format_png 16]: /images/20221120/91866541a4e74bc6829bf0e03a91239d.png
[format_png 17]: /images/20221120/3cdfc3fe7ca3478fb1197a200f424520.png
[format_png 18]: /images/20221120/aaf5d6ab5f474aa6ad5f9e9bb8e9e16f.png
[format_png 19]: /images/20221120/d29cd666c3c34c03a80b22addf76a290.png
[format_png 20]: /images/20221120/6a3439ec59054d828ce0bd17e86a25c3.png
[format_png 21]: /images/20221120/16d7ca7a9dc44fca9bbd311e91a5c16c.png
[format_png 22]: /images/20221120/34c0738f307f4b01adcf619469c94a2d.png
[format_png 23]: /images/20221120/15475c06542541f48f1c219c3c633efc.png