学习目标

  • 目标
    • 掌握给图形添加辅助功能(如：标注、x,y轴名称、标题等)
    • 知道图形的保存
    • 知道如何多次plot绘制图形
    • 知道如何多个坐标系显示图形
    • 知道折线图的应用场景

1 完善原始折线图 — 给图形添加辅助功能

为了更好地理解所有基础绘图功能，我们通过天气温度变化的绘图来融合所有的基础API使用
需求：画出某城市11点到12点1小时内每分钟的温度变化折线图，温度范围在15度~18度
效果：上海1.png

1.1 准备数据并画出初始折线图

  1. import matplotlib.pyplot as plt
  2. import random
  4. # 画出温度变化图
  6. # 0.准备x, y坐标的数据
  7. x = range(60)
  8. y_shanghai = [random.uniform(15, 18) for i in x]
  10. # 1.创建画布
  11. plt.figure(figsize=(20, 8), dpi=80)
  13. # 2.绘制折线图
  14. plt.plot(x, y_shanghai)
  16. # 3.显示图像
  17. plt.show()

上海2.png

1.2 添加自定义x,y刻度

  • plt.xticks(x, **kwargs)x:要显示的刻度值
  • plt.yticks(y, **kwargs)y:要显示的刻度值 ```python

    增加以下两行代码

构造x轴刻度标签

x_ticks_label = [“11点{}分”.format(i) for i in x]

构造y轴刻度

y_ticks = range(40)

修改x,y轴坐标的刻度显示

plt.xticks(x[::5], x_ticks_label[::5]) plt.yticks(y_ticks[::5])

  1. ![上海3.png](https://cdn.nlark.com/yuque/0/2022/png/21879589/1655958216596-da23be1e-5346-4ad1-8e54-449f34b84f4c.png#clientId=u8c2a494c-79e3-4&crop=0&crop=0&crop=1&crop=1&from=drop&id=uac50f8c9&margin=%5Bobject%20Object%5D&name=%E4%B8%8A%E6%B5%B73.png&originHeight=810&originWidth=1994&originalType=binary&ratio=1&rotation=0&showTitle=false&size=267052&status=done&style=none&taskId=u9cfde1d9-1d2e-4a15-9cc0-69052243cfc&title=)<br />如果没有解决过中文问题的话，会显示这个样子：![中文问题.png](https://cdn.nlark.com/yuque/0/2022/png/21879589/1655958226001-bee5b878-c89e-4cdf-9b79-49cb7204ff76.png#clientId=u8c2a494c-79e3-4&crop=0&crop=0&crop=1&crop=1&from=drop&id=u99c3e32c&margin=%5Bobject%20Object%5D&name=%E4%B8%AD%E6%96%87%E9%97%AE%E9%A2%98.png&originHeight=856&originWidth=1570&originalType=binary&ratio=1&rotation=0&showTitle=false&size=122025&status=done&style=none&taskId=udc7a9dd4-422a-4091-9efd-00402c5398f&title=)
  2. <a name="RVn7k"></a>
  3. ### 1.3 中文显示问题解决
  4. **解决方案一：**<br />下载中文字体（黑体，看准系统版本）
  6. - 步骤一：下载 [SimHei](images/SimHei.ttf) 字体（或者其他的支持中文显示的字体也行）
  7. - 步骤二：安装字体
  8.    - linux下：拷贝字体到 usr/share/fonts 下：
  9. ```bash
  10. sudo cp ~/SimHei.ttf /usr/share/fonts/SimHei.ttf
  • windows和mac下：双击安装
    • 步骤三：删除~/.matplotlib中的缓存文件
      1. cd ~/.matplotlib
      2. rm -r *

  • 步骤四：修改配置文件
    1. vi ~/.matplotlib/matplotlibrc
    将文件内容修改为：
    1. font.family         : sans-serif
    2. font.sans-serif     : SimHei
    3. axes.unicode_minus  : False
    解决方案二：
    在Python脚本中动态设置matplotlibrc,这样也可以避免由于更改配置文件而造成的麻烦，具体代码如下：
    1. from pylab import mpl
    2. # 设置显示中文字体
    3. mpl.rcParams["font.sans-serif"] = ["SimHei"]
    有时候，字体更改后，会导致坐标轴中的部分字符无法正常显示，此时需要更改axes.unicode_minus参数：
    1. # 设置正常显示符号
    2. mpl.rcParams["axes.unicode_minus"] = False

    1.4 添加网格显示

    为了更加清楚地观察图形对应的值
    1. plt.grid(True, linestyle='--', alpha=0.5)
    添加网格显示.png

    1.5 添加描述信息

    添加x轴、y轴描述信息及标题

    通过fontsize参数可以修改图像中字体的大小

  1. plt.xlabel("时间")
  2. plt.ylabel("温度")
  3. plt.title("中午11点0分到12点之间的温度变化图示", fontsize=20)

添加描述信息.png

1.6 图像保存

保存图片到指定路径

  1. # 保存图片到指定路径
  2. plt.savefig("test.png")
  • 注意：plt.show()会释放figure资源，如果在显示图像之后保存图片将只能保存空图片。

完整代码：

  1. import matplotlib.pyplot as plt
  2. import random
  3. from pylab import mpl
  5. # 设置显示中文字体
  6. mpl.rcParams["font.sans-serif"] = ["SimHei"]
  7. # 设置正常显示符号
  8. mpl.rcParams["axes.unicode_minus"] = False
  10. # 0.准备数据
  11. x = range(60)
  12. y_shanghai = [random.uniform(15, 18) for i in x]
  14. # 1.创建画布
  15. plt.figure(figsize=(20, 8), dpi=100)
  17. # 2.绘制图像
  18. plt.plot(x, y_shanghai)
  20. # 2.1 添加x,y轴刻度
  21. # 构造x,y轴刻度标签
  22. x_ticks_label = ["11点{}分".format(i) for i in x]
  23. y_ticks = range(40)
  25. # 刻度显示
  26. plt.xticks(x[::5], x_ticks_label[::5])
  27. plt.yticks(y_ticks[::5])
  29. # 2.2 添加网格显示
  30. plt.grid(True, linestyle="--", alpha=0.5)
  32. # 2.3 添加描述信息
  33. plt.xlabel("时间")
  34. plt.ylabel("温度")
  35. plt.title("中午11点--12点某城市温度变化图", fontsize=20)
  37. # 2.4 图像保存
  38. plt.savefig("./test.png")
  40. # 3.图像显示
  41. plt.show()

2 在一个坐标系中绘制多个图像

2.1 多次plot

需求：再添加一个城市的温度变化
收集到北京当天温度变化情况，温度在1度到3度。怎么去添加另一个在同一坐标系当中的不同图形，其实很简单只需要再次plot即可，但是需要区分线条，如下显示图像层完善折线图.png

  1. # 增加北京的温度数据
  2. y_beijing = [random.uniform(1, 3) for i in x]
  4. # 绘制折线图
  5. plt.plot(x, y_shanghai)
  6. # 使用多次plot可以画多个折线
  7. plt.plot(x, y_beijing, color='r', linestyle='--')

我们仔细观察，用到了两个新的地方，一个是对于不同的折线展示效果，一个是添加图例。

2.2 设置图形风格

颜色字符 风格字符
r 红色 - 实线
g 绿色 - - 虚线
b 蓝色 -. 点划线
w 白色 : 点虚线
c 青色 ‘ ‘ 留空、空格
m 洋红
y 黄色
k 黑色

2.3 显示图例

  • 注意：如果只在plt.plot()中设置label还不能最终显示出图例，还需要通过plt.legend()将图例显示出来。 ```python

    绘制折线图

    plt.plot(x, y_shanghai, label=”上海”)

    使用多次plot可以画多个折线

    plt.plot(x, y_beijing, color=’r’, linestyle=’—‘, label=”北京”)

显示图例

plt.legend(loc=”best”)

  1. | **Location String** | **Location Code** |
  2. | --- | --- |
  3. | 'best' | 0 |
  4. | 'upper right' | 1 |
  5. | 'upper left' | 2 |
  6. | 'lower left' | 3 |
  7. | 'lower right' | 4 |
  8. | 'right' | 5 |
  9. | 'center left' | 6 |
  10. | 'center right' | 7 |
  11. | 'lower center' | 8 |
  12. | 'upper center' | 9 |
  13. | 'center' | 10 |
  15. 完整代码：
  16. ```python
  17. # 0.准备数据
  18. x = range(60)
  19. y_shanghai = [random.uniform(15, 18) for i in x]
  20. y_beijing = [random.uniform(1,3) for i in x]
  22. # 1.创建画布
  23. plt.figure(figsize=(20, 8), dpi=100)
  25. # 2.绘制图像
  26. plt.plot(x, y_shanghai, label="上海")
  27. plt.plot(x, y_beijing, color="r", linestyle="--", label="北京")
  29. # 2.1 添加x,y轴刻度
  30. # 构造x,y轴刻度标签
  31. x_ticks_label = ["11点{}分".format(i) for i in x]
  32. y_ticks = range(40)
  34. # 刻度显示
  35. plt.xticks(x[::5], x_ticks_label[::5])
  36. plt.yticks(y_ticks[::5])
  38. # 2.2 添加网格显示
  39. plt.grid(True, linestyle="--", alpha=0.5)
  41. # 2.3 添加描述信息
  42. plt.xlabel("时间")
  43. plt.ylabel("温度")
  44. plt.title("中午11点--12点某城市温度变化图", fontsize=20)
  46. # 2.4 图像保存
  47. plt.savefig("./test.png")
  49. # 2.5 添加图例
  50. plt.legend(loc=0)
  53. # 3.图像显示
  54. plt.show()

2.4 练一练

练习多次plot流程(从上面复制代码,到自己电脑,确保每人环境可以正常运行),
同时明确每个过程执行实现的具体效果

3 多个坐标系显示— plt.subplots(面向对象的画图方法)

如果我们想要将上海和北京的天气图显示在同一个图的不同坐标系当中，效果如下：多坐标系显示.png
可以通过subplots函数实现(旧的版本中有subplot，使用起来不方便)，推荐subplots函数

  • matplotlib.pyplot.subplots(nrows=1, ncols=1, **fig_kw) 创建一个带有多个axes(坐标系/绘图区)的图 ``` Parameters:

nrows, ncols : 设置有几行几列坐标系 int, optional, default: 1, Number of rows/columns of the subplot grid.

Returns:
fig : 图对象 axes : 返回相应数量的坐标系

设置标题等方法不同： set_xticks set_yticks set_xlabel set_ylabel

  1. 关于axes子坐标系的更多方法：参考[https://matplotlib.org/api/axes_api.html#matplotlib.axes.Axes](https://matplotlib.org/api/axes_api.html#matplotlib.axes.Axes)
  3. - 注意：**plt.函数名()**相当于面向过程的画图方法，**axes.set_方法名()**相当于面向对象的画图方法。
  4. ```python
  5. # 0.准备数据
  6. x = range(60)
  7. y_shanghai = [random.uniform(15, 18) for i in x]
  8. y_beijing = [random.uniform(1, 5) for i in x]
  10. # 1.创建画布
  11. # plt.figure(figsize=(20, 8), dpi=100)
  12. fig, axes = plt.subplots(nrows=1, ncols=2, figsize=(20, 8), dpi=100)
  15. # 2.绘制图像
  16. # plt.plot(x, y_shanghai, label="上海")
  17. # plt.plot(x, y_beijing, color="r", linestyle="--", label="北京")
  18. axes[0].plot(x, y_shanghai, label="上海")
  19. axes[1].plot(x, y_beijing, color="r", linestyle="--", label="北京")
  21. # 2.1 添加x,y轴刻度
  22. # 构造x,y轴刻度标签
  23. x_ticks_label = ["11点{}分".format(i) for i in x]
  24. y_ticks = range(40)
  26. # 刻度显示
  27. # plt.xticks(x[::5], x_ticks_label[::5])
  28. # plt.yticks(y_ticks[::5])
  29. axes[0].set_xticks(x[::5])
  30. axes[0].set_yticks(y_ticks[::5])
  31. axes[0].set_xticklabels(x_ticks_label[::5])
  32. axes[1].set_xticks(x[::5])
  33. axes[1].set_yticks(y_ticks[::5])
  34. axes[1].set_xticklabels(x_ticks_label[::5])
  36. # 2.2 添加网格显示
  37. # plt.grid(True, linestyle="--", alpha=0.5)
  38. axes[0].grid(True, linestyle="--", alpha=0.5)
  39. axes[1].grid(True, linestyle="--", alpha=0.5)
  41. # 2.3 添加描述信息
  42. # plt.xlabel("时间")
  43. # plt.ylabel("温度")
  44. # plt.title("中午11点--12点某城市温度变化图", fontsize=20)
  45. axes[0].set_xlabel("时间")
  46. axes[0].set_ylabel("温度")
  47. axes[0].set_title("中午11点--12点某城市温度变化图", fontsize=20)
  48. axes[1].set_xlabel("时间")
  49. axes[1].set_ylabel("温度")
  50. axes[1].set_title("中午11点--12点某城市温度变化图", fontsize=20)
  52. # # 2.4 图像保存
  53. plt.savefig("./test.png")
  55. # # 2.5 添加图例
  56. # plt.legend(loc=0)
  57. axes[0].legend(loc=0)
  58. axes[1].legend(loc=0)
  61. # 3.图像显示
  62. plt.show()

4 折线图的应用场景

  • 呈现公司产品(不同区域)每天活跃用户数
  • 呈现app每天下载数量
  • 呈现产品新功能上线后,用户点击次数随时间的变化
  • 拓展：画各种数学函数图像
    • 注意：plt.plot()除了可以画折线图，也可以用于画各种数学函数图像sin函数图像.png

代码：

  1. import numpy as np
  2. # 0.准备数据
  3. x = np.linspace(-10, 10, 1000)
  4. y = np.sin(x)
  6. # 1.创建画布
  7. plt.figure(figsize=(20, 8), dpi=100)
  9. # 2.绘制函数图像
  10. plt.plot(x, y)
  11. # 2.1 添加网格显示
  12. plt.grid()
  14. # 3.显示图像
  15. plt.show()

5 小结

  • 添加x,y轴刻度【知道】
    • plt.xticks()
    • plt.yticks()
    • 注意:在传递进去的第一个参数必须是数字,不能是字符串,如果是字符串吗,需要进行替换操作
  • 添加网格显示【知道】
    • plt.grid(linestyle=”—“, alpha=0.5)
  • 添加描述信息【知道】
    • plt.xlabel()
    • plt.ylabel()
    • plt.title()
  • 图像保存【知道】
    • plt.savefig(“路径”)
  • 多次plot【了解】
    • 直接进行添加就OK
  • 显示图例【知道】
    • plt.legend(loc=”best”)
    • 注意:一定要在plt.plot()里面设置一个label,如果不设置,没法显示
  • 多个坐标系显示【了解】
    • plt.subplots(nrows=, ncols=)
  • 折线图的应用【知道】
    • 1.应用于观察数据的变化
    • 2.可是画出一些数学函数图像