知行编程网 2022-07-08 17:00 知行编程网 | 隐藏边栏 | 抢沙发 | 7 0

文章评分 0 次，平均分 0.0 ：

作者丨数据派THU

来源丨DataScience

编辑丨极市平台

导读

通过 Matplotlib，开发者可以仅需要几行代码，便可以生成绘图，直方图，功率谱，条形图，错误图，散点图等。本文详细讲解了11类Matplotlib绘图实操干货，三万字的总结，非常值得阅读！

导读

Matplotlib 是一个 Python 的 2D绘图库，它以各种硬拷贝格式和跨平台的交互式环境生成出版质量级别的图形。通过 Matplotlib，开发者可以仅需要几行代码，便可以生成绘图，直方图，功率谱，条形图，错误图，散点图等。

以下内容来自Github，为《PythonDataScienceHandbook[1]》(Python 数据科学手册[2])第四章Matplotlib介绍部分。全部内容都在以下环境演示通过：

numpy:1.18.5
pandas:1.0.5
matplotlib:3.2.1

1.简单的折线图

对于图表来说，最简单的莫过于作出一个单一函数的图像。本节中我们首先来介绍创建这种类型图表。本节和后续小节中，我们都会使用下面的代码将我们需要的包载入到 notebook 中：

<section style="margin: 5px 8px;padding: 15px 16px 16px;display: -webkit-box;overflow-x: auto;color: rgb(221, 221, 221);font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;font-size: 12px;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="font-size: 15px;">%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  />plt.style.use(<span style="color: rgb(166, 226, 46);line-height: 26px;">'seaborn-whitegrid'</span>)<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np</span></section>

对于所有的 Matplotlib 图表来说，我们都需要从创建图形和维度开始。图形和维度可以使用下面代码进行最简形式的创建：

<section style="margin: 5px 8px;padding: 15px 16px 16px;display: -webkit-box;overflow-x: auto;color: rgb(221, 221, 221);font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;font-size: 12px;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="font-size: 15px;">fig = plt.figure()<br  />ax = plt.axes()</span></section>

在 Matplotlib 中，图形（类plt.Figure的一个实例）可以被认为是一个包括所有维度、图像、文本和标签对象的容器。维度（类plt.Axes的一个实例）就是你上面看到的图像，一个有边界的格子包括刻度和标签，最终还有我们画在上面的图表元素。在本书中，我们会使用变量名fig来指代图形对象，以及变量名ax来指代维度变量。

一旦我们创建了维度，我们可以使用ax.plot方法将数据绘制在图表上。下面是一个简单的正弦函数图形：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig = plt.figure()<br  />ax = plt.axes()<br  /><br  />x = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">1000</span>)<br  />ax.plot(x, np.sin(x));</section>

同样的，我们可以使用 pylab 接口（MATLAB 风格的接口）帮我们在后台自动创建这两个对象：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, np.sin(x));<br  /></section>

如果我们需要在同一幅图形中绘制多根线条，只需要多次调用plot函数即可：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, np.sin(x))<br  />plt.plot(x, np.cos(x));<br  /></section>

这就是在 Matplotlib 中绘制简单函数图像的所有接口了。下面我们深入了解一下控制坐标轴和线条外观的细节。

调整折线图：线条颜色和风格

你可能第一个想到需要进行调整的部分就是线条的颜色和风格。plt.plot()函数接受额外的参数可以用来指定它们。通过指定color关键字参数可以调整颜色，这个字符串类型参数基本上能用来代表任何你能想到的颜色。可以通过多种方式指定颜色参数：

所有 HTML 颜色名称可以在这里[3]找到。

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, np.sin(x - <span style="line-height: 26px;">0</span>), color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'blue'</span>)        <span style="color: rgb(117, 113, 94);line-height: 26px;"># 通过颜色名称指定</span><br  />plt.plot(x, np.sin(x - <span style="line-height: 26px;">1</span>), color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'g'</span>)           <span style="color: rgb(117, 113, 94);line-height: 26px;"># 通过颜色简写名称指定(rgbcmyk)</span><br  />plt.plot(x, np.sin(x - <span style="line-height: 26px;">2</span>), color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'0.75'</span>)        <span style="color: rgb(117, 113, 94);line-height: 26px;"># 介于0-1之间的灰阶值</span><br  />plt.plot(x, np.sin(x - <span style="line-height: 26px;">3</span>), color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'#FFDD44'</span>)     <span style="color: rgb(117, 113, 94);line-height: 26px;"># 16进制的RRGGBB值</span><br  />plt.plot(x, np.sin(x - <span style="line-height: 26px;">4</span>), color=(<span style="line-height: 26px;">1.0</span>,<span style="line-height: 26px;">0.2</span>,<span style="line-height: 26px;">0.3</span>)) <span style="color: rgb(117, 113, 94);line-height: 26px;"># RGB元组的颜色值，每个值介于0-1</span><br  />plt.plot(x, np.sin(x - <span style="line-height: 26px;">5</span>), color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'chartreuse'</span>); <span style="color: rgb(117, 113, 94);line-height: 26px;"># 能支持所有HTML颜色名称值</span><br  /></section>

如果没有指定颜色，Matplotlib 会在一组默认颜色值中循环使用来绘制每一条线条。

类似的，通过linestyle关键字参数可以指定线条的风格：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, x + <span style="line-height: 26px;">0</span>, linestyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">'solid'</span>)<br  />plt.plot(x, x + <span style="line-height: 26px;">1</span>, linestyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">'dashed'</span>)<br  />plt.plot(x, x + <span style="line-height: 26px;">2</span>, linestyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">'dashdot'</span>)<br  />plt.plot(x, x + <span style="line-height: 26px;">3</span>, linestyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">'dotted'</span>);<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 还可以用形象的符号代表线条风格</span><br  />plt.plot(x, x + <span style="line-height: 26px;">4</span>, linestyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">'-'</span>)  <span style="color: rgb(117, 113, 94);line-height: 26px;"># 实线</span><br  />plt.plot(x, x + <span style="line-height: 26px;">5</span>, linestyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">'--'</span>) <span style="color: rgb(117, 113, 94);line-height: 26px;"># 虚线</span><br  />plt.plot(x, x + <span style="line-height: 26px;">6</span>, linestyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">'-.'</span>) <span style="color: rgb(117, 113, 94);line-height: 26px;"># 长短点虚线</span><br  />plt.plot(x, x + <span style="line-height: 26px;">7</span>, linestyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">':'</span>);  <span style="color: rgb(117, 113, 94);line-height: 26px;"># 点线</span><br  /></section>

如果你喜欢更简洁的代码，这些linestyle和color参数能够合并成一个非关键字参数，传递给plt.plot()函数：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, x + <span style="line-height: 26px;">0</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'-g'</span>)  <span style="color: rgb(117, 113, 94);line-height: 26px;"># 绿色实线</span><br  />plt.plot(x, x + <span style="line-height: 26px;">1</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'--c'</span>) <span style="color: rgb(117, 113, 94);line-height: 26px;"># 天青色虚线</span><br  />plt.plot(x, x + <span style="line-height: 26px;">2</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'-.k'</span>) <span style="color: rgb(117, 113, 94);line-height: 26px;"># 黑色长短点虚线</span><br  />plt.plot(x, x + <span style="line-height: 26px;">3</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">':r'</span>);  <span style="color: rgb(117, 113, 94);line-height: 26px;"># 红色点线</span><br  /></section>

上面的单字母颜色码是 RGB 颜色系统以及 CMYK 颜色系统的缩写，被广泛应用在数字化图像的颜色系统中。

还有很多其他的关键字参数可以对折线图的外观进行精细调整；可以通过在 IPython 中使用帮助工具查看plt.plot()函数的文档来获得更多细节内容。

调整折线图：坐标轴范围

Matplotlib 会自动选择非常合适的坐标轴范围来绘制你的图像，但是有些情况下你也需要自己进行相关调整。使用plt.xlim()和plt.ylim()函数可以调整坐标轴的范围：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, np.sin(x))<br  /><br  />plt.xlim(<span style="line-height: 26px;">-1</span>, <span style="line-height: 26px;">11</span>)<br  />plt.ylim(<span style="line-height: 26px;">-1.5</span>, <span style="line-height: 26px;">1.5</span>);<br  /></section>

如果某些情况下你希望将坐标轴反向，你可以通过上面的函数实现，将参数顺序颠倒即可：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, np.sin(x))<br  /><br  />plt.xlim(<span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">0</span>)<br  />plt.ylim(<span style="line-height: 26px;">1.2</span>, <span style="line-height: 26px;">-1.2</span>);<br  /></section>

相关的函数还有plt.axis()（注意：这不是plt.axes()函数，函数名称是 i 而不是 e）。这个函数可以在一个函数调用中就完成 x 轴和 y 轴范围的设置，传递一个[xmin, xmax, ymin, ymax]的列表参数即可：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, np.sin(x))<br  />plt.axis([<span style="line-height: 26px;">-1</span>, <span style="line-height: 26px;">11</span>, <span style="line-height: 26px;">-1.5</span>, <span style="line-height: 26px;">1.5</span>]);<br  /></section>

当然plt.axis()函数不仅能设置范围，还能像下面代码一样将坐标轴压缩到刚好足够绘制折线图像的大小：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, np.sin(x))<br  />plt.axis(<span style="color: rgb(166, 226, 46);line-height: 26px;">'tight'</span>);<br  /></section>

还可以通过设置'equal'参数设置x轴与y轴使用相同的长度单位：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, np.sin(x))<br  />plt.axis(<span style="color: rgb(166, 226, 46);line-height: 26px;">'equal'</span>);<br  /></section>

更多关于设置 axis 属性的内容请查阅plt.axis函数的文档字符串。

折线图标签

本节最后介绍一下在折线图上绘制标签：标题、坐标轴标签和简单的图例。

标题和坐标轴标签是最简单的这类标签，Matplotlib 提供了函数用来方便的设置它们：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, np.sin(x))<br  />plt.title(<span style="color: rgb(166, 226, 46);line-height: 26px;">"A Sine Curve"</span>)<br  />plt.xlabel(<span style="color: rgb(166, 226, 46);line-height: 26px;">"x"</span>)<br  />plt.ylabel(<span style="color: rgb(166, 226, 46);line-height: 26px;">"sin(x)"</span>);<br  /></section>

这些标签的位置、大小和风格可以通过上面函数的可选参数进行设置。参阅 Matplotlib 在线文档和这些函数的文档字符串可以获得更多的信息。

当一幅图中绘制了多条折线时，如果能够绘制一个线条对应的图例能让图表更加清晰。Matplotlib 也内建了函数来快速创建图例。估计你也猜到了，通过plt.legend()函数可以实现这个需求。虽然有很多种正确的方法来指定图例，作者认为最简单的方法是通过在绘制每条线条时指定对应的label关键字参数来使用这个函数：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, np.sin(x), <span style="color: rgb(166, 226, 46);line-height: 26px;">'-g'</span>, label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'sin(x)'</span>)<br  />plt.plot(x, np.cos(x), <span style="color: rgb(166, 226, 46);line-height: 26px;">':b'</span>, label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'cos(x)'</span>)<br  />plt.axis(<span style="color: rgb(166, 226, 46);line-height: 26px;">'equal'</span>)<br  /><br  />plt.legend();<br  /></section>

上图可见，plt.legend()函数绘制的图例线条与图中的折线无论风格和颜色都保持一致。查阅plt.legend文档字符串可以获得更多相关信息；我们在[自定义图表图例]一节中也会讨论更高级的图例应用。

额外内容：Matplotlib 的坑

虽然大多数的plt函数都可以直接转换为ax的方法进行调用（例如plt.plot() → ax.plot()，plt.legend() → ax.legend()等），但是并不是所有的命令都能应用这种情况。特别是用于设置极值、标签和标题的函数都有一定的改变。下表列出了将 MATLAB 风格的函数转换为面向对象的方法的区别：

plt.xlabel() → ax.set_xlabel()
plt.ylabel() → ax.set_ylabel()
plt.xlim() → ax.set_xlim()
plt.ylim() → ax.set_ylim()
plt.title() → ax.set_title()

在面向对象接口中，与其逐个调用上面的方法来设置属性，更常见的使用ax.set()方法来一次性设置所有的属性：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax = plt.axes()<br  />ax.plot(x, np.sin(x))<br  />ax.set(xlim=(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>), ylim=(<span style="line-height: 26px;">-2</span>, <span style="line-height: 26px;">2</span>),<br  />       xlabel=<span style="color: rgb(166, 226, 46);line-height: 26px;">'x'</span>, ylabel=<span style="color: rgb(166, 226, 46);line-height: 26px;">'sin(x)'</span>,<br  />       title=<span style="color: rgb(166, 226, 46);line-height: 26px;">'A Simple Plot'</span>);<br  /></section>

2.简单散点图

另一种常用的图表类型是简单散点图，它是折线图的近亲。不像折线图，图中的点连接起来组成连线，散点图中的点都是独立分布的点状、圆圈或其他形状。本节开始我们也是首先将需要用到的图表工具和函数导入到 notebook 中：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  />plt.style.use(<span style="color: rgb(166, 226, 46);line-height: 26px;">'seaborn-whitegrid'</span>)<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np<br  /></section>

使用 plt.plot 绘制散点图

在上一节中，我们介绍了plt.plot/ax.plot方法绘制折线图。这两个方法也可以同样用来绘制散点图：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">x = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">30</span>)<br  />y = np.sin(x)<br  /><br  />plt.plot(x, y, <span style="color: rgb(166, 226, 46);line-height: 26px;">'o'</span>, color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'black'</span>);<br  /></section>

传递给函数的第三个参数是使用一个字符代表的图表绘制点的类型。就像你可以使用'-'或'--'来控制线条的风格那样，点的类型风格也可以使用短字符串代码来表示。所有可用的符号可以通过plt.plot文档或 Matplotlib 在线文档进行查阅。大多数的代码都是非常直观的，我们使用下面的例子可以展示那些最通用的符号：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">rng = np.random.RandomState(<span style="line-height: 26px;">0</span>)<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> marker <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> [<span style="color: rgb(166, 226, 46);line-height: 26px;">'o'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'.'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">','</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'x'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'+'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'v'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'^'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'<'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'>'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'s'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'d'</span>]:<br  />    plt.plot(rng.rand(<span style="line-height: 26px;">5</span>), rng.rand(<span style="line-height: 26px;">5</span>), marker,<br  />             label=<span style="color: rgb(166, 226, 46);line-height: 26px;">"marker='{0}'"</span>.format(marker))<br  />plt.legend(numpoints=<span style="line-height: 26px;">1</span>)<br  />plt.xlim(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">1.8</span>);<br  /></section>

而且这些符号代码可以和线条、颜色代码一起使用，这会在折线图的基础上绘制出散点：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, y, <span style="color: rgb(166, 226, 46);line-height: 26px;">'-ok'</span>);<br  /></section>

plt.plot还有很多额外的关键字参数用来指定广泛的线条和点的属性：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, y, <span style="color: rgb(166, 226, 46);line-height: 26px;">'-p'</span>, color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'gray'</span>,<br  />         markersize=<span style="line-height: 26px;">15</span>, linewidth=<span style="line-height: 26px;">4</span>,<br  />         markerfacecolor=<span style="color: rgb(166, 226, 46);line-height: 26px;">'white'</span>,<br  />         markeredgecolor=<span style="color: rgb(166, 226, 46);line-height: 26px;">'gray'</span>,<br  />         markeredgewidth=<span style="line-height: 26px;">2</span>)<br  />plt.ylim(<span style="line-height: 26px;">-1.2</span>, <span style="line-height: 26px;">1.2</span>);<br  /></section>

plt.plot函数的这种灵活性提供了很多的可视化选择。查阅plt.plot帮助文档获得完整的选项说明。

使用plt.scatter绘制散点图

第二种更强大的绘制散点图的方法是使用plt.scatter函数，它的使用方法和plt.plot类似：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.scatter(x, y, marker=<span style="color: rgb(166, 226, 46);line-height: 26px;">'o'</span>);<br  /></section>

plt.scatter和plt.plot的主要区别在于，plt.scatter可以针对每个点设置不同属性（大小、填充颜色、边缘颜色等），还可以通过数据集合对这些属性进行设置。

让我们通过一个随机值数据集绘制不同颜色和大小的散点图来说明。为了更好的查看重叠的结果，我们还使用了alpha关键字参数对点的透明度进行了调整：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">rng = np.random.RandomState(<span style="line-height: 26px;">0</span>)<br  />x = rng.randn(<span style="line-height: 26px;">100</span>)<br  />y = rng.randn(<span style="line-height: 26px;">100</span>)<br  />colors = rng.rand(<span style="line-height: 26px;">100</span>)<br  />sizes = <span style="line-height: 26px;">1000</span> * rng.rand(<span style="line-height: 26px;">100</span>)<br  /><br  />plt.scatter(x, y, c=colors, s=sizes, alpha=<span style="line-height: 26px;">0.3</span>,<br  />            cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'viridis'</span>)<br  />plt.colorbar();  <span style="color: rgb(117, 113, 94);line-height: 26px;"># 显示颜色对比条</span><br  /></section>

注意图表右边有一个颜色对比条（这里通过colormap()函数输出），图表中的点大小的单位是像素。使用这种方法，散点的颜色和大小都能用来展示数据信息，在希望展示多个维度数据集合的情况下很直观。

例如，当我们使用 Scikit-learn 中的鸢尾花数据集，里面的每个样本都是三种鸢尾花中的其中一种，并带有仔细测量的花瓣和花萼的尺寸数据：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">from</span> sklearn.datasets <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> load_iris<br  />iris = load_iris()<br  />features = iris.data.T<br  /><br  />plt.scatter(features[<span style="line-height: 26px;">0</span>], features[<span style="line-height: 26px;">1</span>], alpha=<span style="line-height: 26px;">0.2</span>,<br  />            s=<span style="line-height: 26px;">100</span>*features[<span style="line-height: 26px;">3</span>], c=iris.target, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'viridis'</span>)<br  />plt.xlabel(iris.feature_names[<span style="line-height: 26px;">0</span>])<br  />plt.ylabel(iris.feature_names[<span style="line-height: 26px;">1</span>]);<br  /></section>

我们可以从上图中看出，可以通过散点图同时展示该数据集的四个不同维度：图中的(x, y)位置代表每个样本的花萼的长度和宽度，散点的大小代表每个样本的花瓣的宽度，而散点的颜色代表一种特定的鸢尾花类型。如上图的多种颜色和多种属性的散点图对于我们分析和展示数据集时都非常有帮助。

plot 和 scatter 对比：性能提醒

除了上面说的plt.plot和plt.scatter对于每个散点不同属性的支持不同之外，还有别的因素影响对这两个函数的选择吗？对于小的数据集来说，两者并无差别，当数据集增长到几千个点时，plt.plot会明显比plt.scatter的性能要高。造成这个差异的原因是plt.scatter支持每个点使用不同的大小和颜色，因此渲染每个点时需要完成更多额外的工作。而plt.plot来说，每个点都是简单的复制另一个点产生，因此对于整个数据集来说，确定每个点的展示属性的工作仅需要进行一次即可。对于很大的数据集来说，这个差异会导致两者性能的巨大区别，因此，对于大数据集应该优先使用plt.plot函数。

3.误差可视化

对于任何的科学测量来说，精确计算误差与精确报告测量值基本上同等重要。例如，设想我正在使用一些天文物理学观测值来估算哈勃常数，即本地观测的宇宙膨胀系数。我从一些文献中知道这个值大概是 71 (km/s)/Mpc，而我测量得到的值是 74 (km/s)/Mpc,。这两个值是否一致？在仅给定这些数据的情况下，这个问题的答案是，无法回答。

Mpc（百万秒差距）参见秒差距[4]

如果我们将信息增加一些，给出不确定性：最新的文献表示哈勃常数的值大约是 71 2.5 (km/s)/Mpc，我的测量值是 74 5 (km/s)/Mpc。这两个值是一致的吗？这就是一个可以准确回答的问题了。

在数据和结果的可视化中，有效地展示这些误差能使你的图表涵盖和提供更加完整的信息。

基础误差条

调用一个 Matplotlib 函数就能创建一个基础的误差条：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  />plt.style.use(<span style="color: rgb(166, 226, 46);line-height: 26px;">'seaborn-whitegrid'</span>)<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np<br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">x = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">50</span>)<br  />dy = <span style="line-height: 26px;">0.8</span><br  />y = np.sin(x) + dy * np.random.randn(<span style="line-height: 26px;">50</span>)<br  /><br  />plt.errorbar(x, y, yerr=dy, fmt=<span style="color: rgb(166, 226, 46);line-height: 26px;">'.k'</span>);<br  /></section>

这里的fmt参数是用来控制线条和点风格的代码，与plt.plot有着相同的语法，参见[简单的折线图]和[简单的散点图]。

除了上面的基本参数，errorbar函数还有很多参数可以用来精细调节图表输出。使用这些参数你可以很容易的个性化调整误差条的样式。作者发现通常将误差线条颜色调整为浅色会更加清晰，特别是在数据点比较密集的情况下：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.errorbar(x, y, yerr=dy, fmt=<span style="color: rgb(166, 226, 46);line-height: 26px;">'o'</span>, color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'black'</span>,<br  />             ecolor=<span style="color: rgb(166, 226, 46);line-height: 26px;">'lightgray'</span>, elinewidth=<span style="line-height: 26px;">3</span>, capsize=<span style="line-height: 26px;">0</span>);<br  /></section>

除了上面介绍的参数，你还可以指定水平方向的误差条（xerr），单边误差条和其他很多的参数。参阅plt.errorbar的帮助文档获得更多信息。

连续误差

在某些情况下可能需要对连续值展示误差条。虽然 Matplotlib 没有內建的函数能直接完成这个任务，但是你可以通过简单将plt.plot和plt.fill_between函数结合起来达到目标。

这里我们会采用简单的高斯过程回归方法，Scikit-Learn 提供了 API。这个方法非常适合在非参数化的函数中获得连续误差。我们在这里不会详细介绍高斯过程回归，仅仅聚焦在如何绘制连续误差本身：

译者注：新版的 sklearn 修改了高斯过程回归实现方法，下面代码做了相应修改。

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">from</span> sklearn.gaussian_process <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> GaussianProcessRegressor<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 定义模型和一些符合模型的点</span><br  />model = <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">lambda</span> x: x * np.sin(x)<br  />xdata = np.array([<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">3</span>, <span style="line-height: 26px;">5</span>, <span style="line-height: 26px;">6</span>, <span style="line-height: 26px;">8</span>])<br  />ydata = model(xdata)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 计算高斯过程回归，使其符合 fit 数据点</span><br  />gp = GaussianProcessRegressor()<br  />gp.fit(xdata[:, np.newaxis], ydata)<br  /><br  />xfit = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">1000</span>)<br  />yfit, std = gp.predict(xfit[:, np.newaxis], return_std=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">True</span>)<br  />dyfit = <span style="line-height: 26px;">2</span> * std  <span style="color: rgb(117, 113, 94);line-height: 26px;"># 两倍sigma ~ 95% 确定区域</span></section>

我们现在有了xfit、yfit和dyfit，作为对我们数据的连续拟合值以及误差限。当然我们也可以像上面一样使用plt.errorbar绘制误差条，但是事实上我们不希望在图标上绘制 1000 个点的误差条。于是我们可以使用plt.fill_between函数在误差限区域内填充一道浅色的误差带来展示连续误差：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># 可视化结果</span><br  />plt.plot(xdata, ydata, <span style="color: rgb(166, 226, 46);line-height: 26px;">'or'</span>)<br  />plt.plot(xfit, yfit, <span style="color: rgb(166, 226, 46);line-height: 26px;">'-'</span>, color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'gray'</span>)<br  /><br  />plt.fill_between(xfit, yfit - dyfit, yfit + dyfit,<br  />                 color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'gray'</span>, alpha=<span style="line-height: 26px;">0.2</span>)<br  />plt.xlim(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>);<br  /></section>

注意上面我们调用fill_between函数：我们传递了的参数包括 x 值，y 值的低限，然后是 y 值的高限，结果是图表中介于低限和高限之间的区域会被填充。

上图为我们提供了一个非常直观的高斯过程回归展示：在观测点的附近，模型会被限制在一个很小的区域内，反映了这些数据的误差比较小。在远离观测点的区域，模型开始发散，反映了这时的数据误差比较大。

如果需要获得plt.fill_between（以及类似的plt.fill函数）更多参数的信息，请查阅函数的帮助文档或 Matplotlib 在线文档。

4.密度和轮廓图

有些情况下，我们需要在二维图表中使用轮廓或颜色区域来展示三维的数据（可以设想等高线地图或温度分布图）。Matplotlib 提供了三个有用的函数来处理这项任务：plt.contour绘制轮廓图，plt.contourf来绘制填充区域颜色的图表以及plt.imshow来展示图像。本节会介绍几个使用它们的例子。当然我们还是首先从将需要使用的包导入 notebook 和初始化工作开始：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  />plt.style.use(<span style="color: rgb(166, 226, 46);line-height: 26px;">'seaborn-white'</span>)<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np<br  /></section>

三维可视化函数

我们首先使用一个简单的函数绘制一个轮廓图来进行说明，我们用来作为数组广播运算的例子：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="line-height: 26px;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">def</span> <span style="color: rgb(166, 226, 46);font-weight: bold;line-height: 26px;">f</span><span style="line-height: 26px;">(x, y)</span>:</span><br  />    <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">return</span> np.sin(x) ** <span style="line-height: 26px;">10</span> + np.cos(<span style="line-height: 26px;">10</span> + y * x) * np.cos(x)<br  /></section>

轮廓图可以使用plt.contour函数进行创建。它接收三个参数：x参数代表三维网格的平面横轴坐标，y参数代表三维网格的平面纵轴坐标，而z参数代表三维网格的高度坐标。最容易用来准备这种网格数据的是np.meshgrid函数，可以将两个一维的数组构造成一个二维的网格：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">x = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">5</span>, <span style="line-height: 26px;">50</span>)<br  />y = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">5</span>, <span style="line-height: 26px;">40</span>)<br  /><br  />X, Y = np.meshgrid(x, y)<br  />Z = f(X, Y)<br  /></section>

下面我们可以绘制标准的轮廓线图表：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.contour(X, Y, Z, colors=<span style="color: rgb(166, 226, 46);line-height: 26px;">'black'</span>);<br  /></section>

图中值得注意的是，当使用单色绘制轮廓图时，虚线代表的是负数的数值，而实线代表的是正数。而轮廓线可以通过指定cmap参数来设置线条的色图。下例中展示了使用色图且绘制了更多的轮廓线的例子，会在整个数据范围区域内等距分布有 20 条轮廓线：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.contour(X, Y, Z, <span style="line-height: 26px;">20</span>, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'RdGy'</span>);<br  /></section>

上例中我们选择了RdGy（Red-Gray的缩写）色图，这对于聚集的数据来说是一个不错的选择。Matplotlib 有大量的颜色图可供使用，你可以通过在 IPython 中对plt.cm模块使用 TAB 自动补全方法就可以看到：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.cm.<TAB><br  /></section>

上面的图看起来比第一幅图好多了，但是线条之间的空隙还是有点让人混淆。我们可以将上面的图改为填充轮廓图来解决这个问题，使用plt.contourf()函数（注意函数名最后有个 f，代表填充 fill），这个函数的语法基本上与plt.contour()保持一致。

并且我们加上了plt.colorbar()函数，这个函数会在图表边上创建一个颜色图例用以展示颜色所表示的数值区域：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.contourf(X, Y, Z, <span style="line-height: 26px;">20</span>, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'RdGy'</span>)<br  />plt.colorbar();<br  /></section>

有了图例，很容易可以看出黑色区域代表着“峰”，而红色区域代表这“谷”。

上图有一个缺点，那就是图中颜色的阶梯是离散的而不是连续的，这通常不是我们想要的。我们可以通过设置很高的轮廓线数量来改善，但是这会导致绘制图表的性能降低：Matplotlib 必须在每个颜色阶梯上绘制一条新的轮廓多边形。更好的办法是使用plt.imshow()函数，它会将一个二维的网格图表转换为一张图像。

下面的例子展示了该方法：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.imshow(Z, extent=[<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">5</span>, <span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">5</span>], origin=<span style="color: rgb(166, 226, 46);line-height: 26px;">'lower'</span>,<br  />           cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'RdGy'</span>)<br  />plt.colorbar()<br  />plt.axis(aspect=<span style="color: rgb(166, 226, 46);line-height: 26px;">'image'</span>);<br  /></section>

然而，在使用imshow()的时候也有一些坑：

plt.imshow()不接受 x 和 y 网格值作为参数，因此你需要手动指定extent参数[xmin, xmax, ymin, ymax]来设置图表的数据范围。
plt.imshow()使用的是默认的图像坐标，即左上角坐标点是原点，而不是通常图表的左下角坐标点。这可以通过设置origin参数来设置。
plt.imshow()会自动根据输入数据调整坐标轴的比例；这可以通过参数来设置，例如，plt.axis(aspect='image')能让 x 和 y 轴的单位一致。

最后，有时可能需要将轮廓图和图像结合起来。例如，下例中我们使用了半透明的背景图像（通过alpha参数设置透明度），然后在背景图层之上绘制了轮廓图，并带有每个轮廓的数值标签（使用plt.clabel()函数绘制标签）：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">contours = plt.contour(X, Y, Z, <span style="line-height: 26px;">3</span>, colors=<span style="color: rgb(166, 226, 46);line-height: 26px;">'black'</span>)<br  />plt.clabel(contours, inline=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">True</span>, fontsize=<span style="line-height: 26px;">8</span>)<br  /><br  />plt.imshow(Z, extent=[<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">5</span>, <span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">5</span>], origin=<span style="color: rgb(166, 226, 46);line-height: 26px;">'lower'</span>,<br  />           cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'RdGy'</span>, alpha=<span style="line-height: 26px;">0.5</span>)<br  />plt.colorbar();<br  /></section>

通过组合使用plt.contour、plt.contourf和plt.imshow这三个函数，基本可以满足我们绘制所有这种在二维图标上的三维数据的需求。需要了解更多函数的参数信息，参考它们的文档字符串。如果你对于使用三维图表展示这种数据感兴趣，参见[在 matplotlib 中创建三维图表]。

5.直方图，分桶和密度

一个简单的直方图可以是我们开始理解数据集的第一步。前面我们看到了 Matplotlib 的直方图函数，我们可以用一行代码绘制基础的直方图，当然首先需要将需要用的包导入 notebook：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  />plt.style.use(<span style="color: rgb(166, 226, 46);line-height: 26px;">'seaborn-white'</span>)<br  /><br  />data = np.random.randn(<span style="line-height: 26px;">1000</span>)<br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.hist(data);<br  /></section>

hist()函数有很多的参数可以用来调整运算和展示；下面又一个更加个性化的直方图展示：

译者注：normed 参数已经过时，此处对代码进行了相应修改，使用了替代的 density 参数。

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.hist(data, bins=<span style="line-height: 26px;">30</span>, density=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">True</span>, alpha=<span style="line-height: 26px;">0.5</span>,<br  />         histtype=<span style="color: rgb(166, 226, 46);line-height: 26px;">'stepfilled'</span>, color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'steelblue'</span>,<br  />         edgecolor=<span style="color: rgb(166, 226, 46);line-height: 26px;">'none'</span>);<br  /></section>

plt.hist文档中有更多关于个性化参数的信息。作者发现联合使用histtype='stepfilled'和alpha参数设置透明度在对不同分布的数据集进行比较展示时很有用：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">x1 = np.random.normal(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">0.8</span>, <span style="line-height: 26px;">1000</span>)<br  />x2 = np.random.normal(<span style="line-height: 26px;">-2</span>, <span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">1000</span>)<br  />x3 = np.random.normal(<span style="line-height: 26px;">3</span>, <span style="line-height: 26px;">2</span>, <span style="line-height: 26px;">1000</span>)<br  /><br  />kwargs = dict(histtype=<span style="color: rgb(166, 226, 46);line-height: 26px;">'stepfilled'</span>, alpha=<span style="line-height: 26px;">0.3</span>, density=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">True</span>, bins=<span style="line-height: 26px;">40</span>)<br  /><br  />plt.hist(x1, **kwargs)<br  />plt.hist(x2, **kwargs)<br  />plt.hist(x3, **kwargs);<br  /></section>

如果你只是需要计算直方图的数值（即每个桶的数据点数量）而不是展示图像，np.histogram()函数可以完成这个目标：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">counts, bin_edges = np.histogram(data, bins=<span style="line-height: 26px;">5</span>)<br  />print(counts)<br  /></section>

<section style="margin: 5px 8px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;display: -webkit-box;border-radius: 0px;line-height: 1.5em;">[ 49 273 471 183  24]<br  /></section>

二维直方图和分桶

正如前面我们可以在一维上使用数值对应的直线划分桶一样，我们也可以在二维上使用数据对应的点来划分桶。本节我们介绍几种实现的方法。首先定义数据集，从多元高斯分布中获得x和y数组：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">mean = [<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">0</span>]<br  />cov = [[<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">1</span>], [<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">2</span>]]<br  />x, y = np.random.multivariate_normal(mean, cov, <span style="line-height: 26px;">10000</span>).T<br  /></section>

plt.hist2d：二维直方图

绘制二维直方图最直接的方法是使用 Matplotlib 的plt.hist2d函数：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.hist2d(x, y, bins=<span style="line-height: 26px;">30</span>, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'Blues'</span>)<br  />cb = plt.colorbar()<br  />cb.set_label(<span style="color: rgb(166, 226, 46);line-height: 26px;">'counts in bin'</span>)<br  /></section>

类似plt.hist，plt.hist2d有许多额外的参数来调整分桶计算和图表展示，可以通过文档了解更多信息。而且，plt.hist有np.histogram，plt.hist2d也有其对应的函数np.histogram2d。如下例：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">counts, xedges, yedges = np.histogram2d(x, y, bins=<span style="line-height: 26px;">30</span>)<br  /></section>

如果要获得更高维度的分桶结果，参见np.histogramd函数文档。

plt.hexbin：六角形分桶

刚才的二维分桶是沿着坐标轴将每个桶分为正方形。另一个很自然的分桶形状就是正六边形。对于这个需求，Matplotlib 提供了plt.hexbin函数，它也是在二维平面上分桶展示，不过每个桶（即图表上的每个数据格）将会是六边形：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.hexbin(x, y, gridsize=<span style="line-height: 26px;">30</span>, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'Blues'</span>)<br  />cb = plt.colorbar(label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'count in bin'</span>)<br  /></section>

plt.hexbin有许多有趣的参数，包括能对每个点设置权重和将每个桶的输出数据结果改为任意的 NumPy 聚合结果（带权重的平均值，带权重的标准差等）。

核密度估计

另外一个常用来统计多维数据密度的工具是核密度估计（KDE）。目前我们只需要知道 KDE 被认为是一种可以用来填补数据的空隙并补充上平滑变化数据的方法就足够了。快速和简单的 KDE 算法已经在scipy.stats模块中有了成熟的实现。下面我们就一个简单的例子来说明如何使用 KDE 和绘制相应的二维直方图：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">from</span> scipy.stats <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> gaussian_kde<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 产生和处理数据，初始化KDE</span><br  />data = np.vstack([x, y])<br  />kde = gaussian_kde(data)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 在通用的网格中计算得到Z的值</span><br  />xgrid = np.linspace(<span style="line-height: 26px;">-3.5</span>, <span style="line-height: 26px;">3.5</span>, <span style="line-height: 26px;">40</span>)<br  />ygrid = np.linspace(<span style="line-height: 26px;">-6</span>, <span style="line-height: 26px;">6</span>, <span style="line-height: 26px;">40</span>)<br  />Xgrid, Ygrid = np.meshgrid(xgrid, ygrid)<br  />Z = kde.evaluate(np.vstack([Xgrid.ravel(), Ygrid.ravel()]))<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 将图表绘制成一张图像</span><br  />plt.imshow(Z.reshape(Xgrid.shape),<br  />           origin=<span style="color: rgb(166, 226, 46);line-height: 26px;">'lower'</span>, aspect=<span style="color: rgb(166, 226, 46);line-height: 26px;">'auto'</span>,<br  />           extent=[<span style="line-height: 26px;">-3.5</span>, <span style="line-height: 26px;">3.5</span>, <span style="line-height: 26px;">-6</span>, <span style="line-height: 26px;">6</span>],<br  />           cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'Blues'</span>)<br  />cb = plt.colorbar()<br  />cb.set_label(<span style="color: rgb(166, 226, 46);line-height: 26px;">"density"</span>)<br  /></section>

KDE 有着光滑的长度，可以在细节和光滑度中有效的进行调节（一个例子是方差偏差权衡）。这方面有大量的文献介绍：高斯核密度估计gaussian_kde使用了经验法则来寻找输入数据附近的优化光滑长度值。

其他的 KDE 实现也可以在 SciPy 中找到，每一种都有它的优点和缺点；参见sklearn.neighbors.KernelDensity和statsmodels.nonparametric.kernel_density.KDEMultivariate。要绘制基于 KDE 进行可视化的图表，Matplotlib 写出的代码会比较冗长。

6.自定义图标图例

图例可以为可视化赋予实际含义，为不同的图标元素附上明确说明。我们前面看到了一些简单的图例创建例子；本小节中我们来介绍一下在 Matplotlib 中自定义图例的位置和进行美化的方法。

可以使用plt.legend()函数来创建最简单的图例，这个函数能自动创建任何带有标签属性的图表元素的图例：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  />plt.style.use(<span style="color: rgb(166, 226, 46);line-height: 26px;">'classic'</span>)<br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np<br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">x = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">1000</span>)<br  />fig, ax = plt.subplots()<br  />ax.plot(x, np.sin(x), <span style="color: rgb(166, 226, 46);line-height: 26px;">'-b'</span>, label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'Sine'</span>)<br  />ax.plot(x, np.cos(x), <span style="color: rgb(166, 226, 46);line-height: 26px;">'--r'</span>, label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'Cosine'</span>)<br  />ax.axis(<span style="color: rgb(166, 226, 46);line-height: 26px;">'equal'</span>)<br  />leg = ax.legend();<br  /></section>

但除此之外还有很多能自定义图例的方法。例如，我们可以指定图例位置并且去除边框：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax.legend(loc=<span style="color: rgb(166, 226, 46);line-height: 26px;">'upper left'</span>, frameon=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">False</span>)<br  />fig<br  /></section>

我们可以使用ncol属性设置图例中每行的列数：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax.legend(frameon=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">False</span>, loc=<span style="color: rgb(166, 226, 46);line-height: 26px;">'lower center'</span>, ncol=<span style="line-height: 26px;">2</span>)<br  />fig<br  /></section>

还可以使用圆角方框（fancybox）或者增加阴影，设置方框的透明度（alpha 值）或修改文字的边距：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax.legend(fancybox=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">True</span>, framealpha=<span style="line-height: 26px;">1</span>, shadow=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">True</span>, borderpad=<span style="line-height: 26px;">1</span>)<br  />fig<br  /></section>

要获取更多 legend 函数的可用选项信息，请参考plt.legend的文档字符串。

选择设置图例的元素

正如我们前面例子所示，绘制的图例默认包括所有带标签的元素。如果这不是想要的效果，我们可以调整哪些元素和标签会出现在图例当中，这可以通过设置 plot 函数或方法返回的对象实现。plt.plot函数能够同时产生多条折线，然后将这些线条的实例列表返回。将其中的部分实例传递到plt.legend()函数就能设置哪些线条会出现在图例中，再通过一个标签的列表指定图例的名称：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="white-space: pre-wrap;letter-spacing: 0.476px;">y = np.sin(x[:, np.newaxis] + np.pi * np.arange(</span><span style="white-space: pre-wrap;letter-spacing: 0.476px;line-height: 26px;">0</span><span style="white-space: pre-wrap;letter-spacing: 0.476px;">, </span><span style="white-space: pre-wrap;letter-spacing: 0.476px;line-height: 26px;">2</span><span style="white-space: pre-wrap;letter-spacing: 0.476px;">, </span><span style="white-space: pre-wrap;letter-spacing: 0.476px;line-height: 26px;">0.5</span><span style="white-space: pre-wrap;letter-spacing: 0.476px;">))</span><br style="white-space: pre-wrap;letter-spacing: 0.476px;"  /><span style="white-space: pre-wrap;letter-spacing: 0.476px;">lines = plt.plot(x, y)</span><br style="white-space: pre-wrap;letter-spacing: 0.476px;"  /><br style="white-space: pre-wrap;letter-spacing: 0.476px;"  /><span style="white-space: pre-wrap;letter-spacing: 0.476px;color: rgb(117, 113, 94);line-height: 26px;"># lines是一个线条实例的列表</span><br style="white-space: pre-wrap;letter-spacing: 0.476px;"  /><span style="white-space: pre-wrap;letter-spacing: 0.476px;">plt.legend(lines[:</span><span style="white-space: pre-wrap;letter-spacing: 0.476px;line-height: 26px;">2</span><span style="white-space: pre-wrap;letter-spacing: 0.476px;">], [</span><span style="white-space: pre-wrap;letter-spacing: 0.476px;color: rgb(166, 226, 46);line-height: 26px;">'first'</span><span style="white-space: pre-wrap;letter-spacing: 0.476px;">, </span><span style="white-space: pre-wrap;letter-spacing: 0.476px;color: rgb(166, 226, 46);line-height: 26px;">'second'</span><span style="white-space: pre-wrap;letter-spacing: 0.476px;">]);</span><br  /></section>

作者更加倾向于使用第一种方式，因为更加清晰。通过将标签应用在图表元素上，然后绘制到图例中：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.plot(x, y[:, <span style="line-height: 26px;">0</span>], label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'first'</span>)<br  />plt.plot(x, y[:, <span style="line-height: 26px;">1</span>], label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'second'</span>)<br  />plt.plot(x, y[:, <span style="line-height: 26px;">2</span>:])<br  />plt.legend(framealpha=<span style="line-height: 26px;">1</span>, frameon=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">True</span>);<br  /></section>

请注意默认情况下，legend 会忽略所有不带标签的元素。

散点大小的图例

某些情况下默认的图例不足以满足特定的可视化需求。例如，你在使用散点的大小来标记数据的某个特征，然后希望创建一个相应的图例。下面的例子是加州城市人口的散点图，我们使用散点的大小表现该城市的面积，散点的颜色来表现城市的人口数量（自然对数值）。我们希望使用一个图例来指明散点尺寸的比例，同时用一个颜色条来说明人口数量，我们可以通过自定义绘制一些标签数据来实现尺寸图例：

译者注：新版 Matplotlib 已经取消 aspect 参数，此处改为使用新的'scaled'参数调用 axis 函数。

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> pandas <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> pd<br  />cities = pd.read_csv(<span style="color: rgb(166, 226, 46);line-height: 26px;">r'D:pythonGithub学习材料Python数据科学手册datacalifornia_cities.csv'</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 提取我们感兴趣的数据</span><br  />lat, lon = cities[<span style="color: rgb(166, 226, 46);line-height: 26px;">'latd'</span>], cities[<span style="color: rgb(166, 226, 46);line-height: 26px;">'longd'</span>]<br  />population, area = cities[<span style="color: rgb(166, 226, 46);line-height: 26px;">'population_total'</span>], cities[<span style="color: rgb(166, 226, 46);line-height: 26px;">'area_total_km2'</span>]<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 绘制散点图，使用尺寸代表面积，颜色代表人口，不带标签</span><br  />plt.scatter(lon, lat, label=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">None</span>,<br  />            c=np.log10(population), cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'viridis'</span>,<br  />            s=area, linewidth=<span style="line-height: 26px;">0</span>, alpha=<span style="line-height: 26px;">0.5</span>)<br  />plt.axis(<span style="color: rgb(166, 226, 46);line-height: 26px;">'scaled'</span>)<br  />plt.xlabel(<span style="color: rgb(166, 226, 46);line-height: 26px;">'longitude'</span>)<br  />plt.ylabel(<span style="color: rgb(166, 226, 46);line-height: 26px;">'latitude'</span>)<br  />plt.colorbar(label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'log$_{10}$(population)'</span>)<br  />plt.clim(<span style="line-height: 26px;">3</span>, <span style="line-height: 26px;">7</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 下面我们创建图例：</span><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 使用空列表绘制图例中的散点，使用不同面积和标签，带透明度</span><br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> area <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> [<span style="line-height: 26px;">100</span>, <span style="line-height: 26px;">300</span>, <span style="line-height: 26px;">500</span>]:<br  />    plt.scatter([], [], c=<span style="color: rgb(166, 226, 46);line-height: 26px;">'k'</span>, alpha=<span style="line-height: 26px;">0.3</span>, s=area,<br  />                label=str(area) + <span style="color: rgb(166, 226, 46);line-height: 26px;">' km$^2$'</span>)<br  />plt.legend(scatterpoints=<span style="line-height: 26px;">1</span>, frameon=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">False</span>, labelspacing=<span style="line-height: 26px;">1</span>, title=<span style="color: rgb(166, 226, 46);line-height: 26px;">'City Area'</span>)<br  /><br  />plt.title(<span style="color: rgb(166, 226, 46);line-height: 26px;">'California Cities: Area and Population'</span>);<br  /></section>

之前的图例都关联着图表上的一些对象，因此如果我们需要展示图例的话我们首先需要绘制图表元素。在上例中，我们需要的图例对象（灰色圆圈）不在图表上，因此我们采用绘制空列表的方式将它们仿造在图表上（实际上图上没有点），但是还是需要注意，只有那些带标签的元素才会出现在图例中。

通过绘制空列表，我们创建了三个带标签的对象，然后就可以出现在图例当中，这个图例就能表示出有关城市面积的相关信息。这个策略在很多复杂可视化图表构建过程中都被用到。

最后我们注意到这个图表实际上是一个地理位置图表，如果我们能在上面绘制州界线或其他地图相关的元素的话，会更加清晰。Matplotlib 提供了一个 Basemap 额外工具集来实现这个目标。

多重图例

有时候我们可能需要在同一个图表维度中设计多个图例。不幸的是，Matplotlib 并没有提供很简单的方式实现：通过标准的legend接口，只能在整张图表上创建一个图例。如果你试图使用plt.legend()或ax.legend()创建第二个图例，那么第二条语句创建的图例会覆盖第一条语句创建的。我们只能通过从底层开始来创建一个新的图例 artist 这种方法来解决这个问题，然后使用ax.add_artist()的底层方法手动将第二个作者加到图表上：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig, ax = plt.subplots()<br  /><br  />lines = []<br  />styles = [<span style="color: rgb(166, 226, 46);line-height: 26px;">'-'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'--'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'-.'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">':'</span>]<br  />x = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">1000</span>)<br  /><br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> i <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> range(<span style="line-height: 26px;">4</span>):<br  />    lines += ax.plot(x, np.sin(x - i * np.pi / <span style="line-height: 26px;">2</span>),<br  />                     styles[i], color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'black'</span>)<br  />ax.axis(<span style="color: rgb(166, 226, 46);line-height: 26px;">'equal'</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 指定第一个图例的线条和标签</span><br  />ax.legend(lines[:<span style="line-height: 26px;">2</span>], [<span style="color: rgb(166, 226, 46);line-height: 26px;">'line A'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'line B'</span>],<br  />          loc=<span style="color: rgb(166, 226, 46);line-height: 26px;">'upper right'</span>, frameon=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">False</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 手动创建第二个图例，并将作者添加到图表中</span><br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">from</span> matplotlib.legend <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> Legend<br  />leg = Legend(ax, lines[<span style="line-height: 26px;">2</span>:], [<span style="color: rgb(166, 226, 46);line-height: 26px;">'line C'</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">'line D'</span>],<br  />             loc=<span style="color: rgb(166, 226, 46);line-height: 26px;">'lower right'</span>, frameon=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">False</span>)<br  />ax.add_artist(leg);<br  /></section>

上例展示了用来组成任何 Matplotlib 图表的底层 artist 对象的简单说明。如果你去查看ax.legend()的源代码（你可以通过 IPython 的ax.legend帮助工具做到），你可以看到这个方法包含了用来构建合适Legend的 artist 对象的逻辑，构建的对象被保存在legend_属性当中，当绘制时被添加到图表上进行展示。

7.个性化颜色条

图例可以将离散的点标示为离散的标签。对于建立在不同颜色之上的连续的值（点线面）来说，标注了的颜色条是非常方便的工具。Matplotlib 的颜色条是独立于图表之外的一个类似于比色卡的图形，用来展示图表中不同颜色的数值含义。因为本书是使用黑白打印的，本节内容中的所有带色彩的图都可以在(https://github.com/wangyingsm/Python-Data-Science-Handbook)中找到。我们还是首先导入本节需要的包和模块：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  />plt.style.use(<span style="color: rgb(166, 226, 46);line-height: 26px;">'classic'</span>)<br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np<br  /></section>

通过plt.colorbar函数可以创建最简单的颜色条，在本节中我们会多次看到：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">x = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">1000</span>)<br  />I = np.sin(x) * np.cos(x[:, np.newaxis])<br  /><br  />plt.imshow(I)<br  />plt.colorbar();<br  /></section>

我们下面来讨论如何个性化颜色条以及在不同的场合高效的使用它们。

自定义颜色条

颜色条可以通过cmap参数指定使用的色谱系统（或叫色图）：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.imshow(I, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'gray'</span>);<br  /></section>

所有可用的色图都可以在plt.cm模块中找到；在 IPython 中使用 Tab 自动补全功能能列出所有的色图列表：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.cm.<TAB><br  /></section>

但是知道在哪里选择色图只是第一步，更重要的是在各种选项中选出合适的色图。这个选择比你预料的要微妙的多。

选择色图

在可视化方案中选择颜色完整的介绍说明超出了本书的范围，如果你对这个课题和相关内容有兴趣，可以参考文章["绘制更漂亮图表的 10 个简单规则"](http://journals.plos.org/ploscompbiol/article?id=10.1371/journal.pcbi.1003833)。Matplotlib 的在线文档也有一章关于色图选择的有趣讨论[5]。

通常来说，你应该注意以下三种不同类型的色图：

序列色图：这类型的色谱只包括一个连续序列的色系（例如binary或viridis）。
分化色图：这类型的色谱包括两种独立的色系，这两种颜色有着非常大的对比度（例如RdBu或PuOr）。
定性色图：这类型的色图混合了非特定连续序列的颜色（例如rainbow或jet）。

jet色图，在 Matplotlib 2.0 版本之前都是默认的色图，是定性色图的一个例子。jet作为默认色图的位置其实有点尴尬，因为定性图通常都不是对定量数据进行展示的好选择。原因是定性图通常都不能在范围增加时提供亮度的均匀增长。

我们可以通过将jet颜色条转换为黑白来看到这点：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">from</span> matplotlib.colors <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> LinearSegmentedColormap<br  /><br  /><span style="line-height: 26px;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">def</span> <span style="color: rgb(166, 226, 46);font-weight: bold;line-height: 26px;">grayscale_cmap</span><span style="line-height: 26px;">(cmap)</span>:</span><br  />    <span style="color: rgb(166, 226, 46);line-height: 26px;">"""返回给定色图的灰度版本"""</span><br  />    cmap = plt.cm.get_cmap(cmap) <span style="color: rgb(117, 113, 94);line-height: 26px;"># 使用名称获取色图对象</span><br  />    colors = cmap(np.arange(cmap.N)) <span style="color: rgb(117, 113, 94);line-height: 26px;"># 将色图对象转为RGBA矩阵，形状为N×4</span><br  /><br  />    <span style="color: rgb(117, 113, 94);line-height: 26px;"># 将RGBA颜色转换为灰度</span><br  />    <span style="color: rgb(117, 113, 94);line-height: 26px;"># 参考 http://alienryderflex.com/hsp.html</span><br  />    RGB_weight = [<span style="line-height: 26px;">0.299</span>, <span style="line-height: 26px;">0.587</span>, <span style="line-height: 26px;">0.114</span>] <span style="color: rgb(117, 113, 94);line-height: 26px;"># RGB三色的权重值</span><br  />    luminance = np.sqrt(np.dot(colors[:, :<span style="line-height: 26px;">3</span>] ** <span style="line-height: 26px;">2</span>, RGB_weight)) <span style="color: rgb(117, 113, 94);line-height: 26px;"># RGB平方值和权重的点积开平方根</span><br  />    colors[:, :<span style="line-height: 26px;">3</span>] = luminance[:, np.newaxis] <span style="color: rgb(117, 113, 94);line-height: 26px;"># 得到灰度值矩阵</span><br  />    <span style="color: rgb(117, 113, 94);line-height: 26px;"># 返回相应的灰度值色图</span><br  />    <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">return</span> LinearSegmentedColormap.from_list(cmap.name + <span style="color: rgb(166, 226, 46);line-height: 26px;">"_gray"</span>, colors, cmap.N)<br  /><br  /><br  /><span style="line-height: 26px;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">def</span> <span style="color: rgb(166, 226, 46);font-weight: bold;line-height: 26px;">view_colormap</span><span style="line-height: 26px;">(cmap)</span>:</span><br  />    <span style="color: rgb(166, 226, 46);line-height: 26px;">"""将色图对应的灰度版本绘制出来"""</span><br  />    cmap = plt.cm.get_cmap(cmap)<br  />    colors = cmap(np.arange(cmap.N))<br  /><br  />    cmap = grayscale_cmap(cmap)<br  />    grayscale = cmap(np.arange(cmap.N))<br  /><br  />    fig, ax = plt.subplots(<span style="line-height: 26px;">2</span>, figsize=(<span style="line-height: 26px;">6</span>, <span style="line-height: 26px;">2</span>),<br  />                           subplot_kw=dict(xticks=[], yticks=[]))<br  />    ax[<span style="line-height: 26px;">0</span>].imshow([colors], extent=[<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">1</span>])<br  />    ax[<span style="line-height: 26px;">1</span>].imshow([grayscale], extent=[<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">1</span>])<br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">view_colormap(<span style="color: rgb(166, 226, 46);line-height: 26px;">'jet'</span>)<br  /></section>

注意一下上面的灰度图中亮条纹的位置。即使在上述彩色图中，也出现了这种不规则的亮条纹，这会导致眼睛被区域中亮条纹所吸引，这很可能造成阅读者被不重要的数据集部分干扰了。更好的选择是使用类似viridis这样的色图（Matplotlib 2.0 后默认色图），它们被设计为有着均匀的亮度变化。因此它们无论是在彩色图中还是在灰度图中都有着同样的亮度变化：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">view_colormap(<span style="color: rgb(166, 226, 46);line-height: 26px;">'viridis'</span>)<br  /></section>

如果你更喜欢彩虹方案，另一个好的选择是使用cubehelix色图：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">view_colormap(<span style="color: rgb(166, 226, 46);line-height: 26px;">'cubehelix'</span>)<br  /></section>

对于其他的情况，例如某种正负分布的数据集，双色颜色条如RdBu（Red-Blue）会很常用。然而正如你从下面例子看到的，如果将双色颜色条转化为灰度的话，正负或两级的信息就会丢失：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">view_colormap(<span style="color: rgb(166, 226, 46);line-height: 26px;">'RdBu'</span>)<br  /></section>

后面我们会看到更多使用这些色图的例子。

Matplotlib 中有大量可用的色图；要看到它们的列表，你可以使用 IPython 来探索plt.cm模块。要在 Python 中更加正规的使用颜色，你可以查看 Seaborn 库的工具和文档。

颜色限制和扩展

Matplotlib 允许你对颜色条进行大量的自定义。颜色条本身就是一个plt.Axes对象，因此所有轴和刻度定制的技巧都可以应用在上面。颜色条也有着一些有趣的自定义行为：例如，我们可以缩小颜色的范围并且通过设置extend参数将超出范围之外的数值展示为顶部和底部的三角箭头形状。这对于展示一些受到噪声干扰的数据时非常方便：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># 在I数组中人为生成不超过1%的噪声</span><br  />speckles = (np.random.random(I.shape) < <span style="line-height: 26px;">0.01</span>)<br  />I[speckles] = np.random.normal(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">3</span>, np.count_nonzero(speckles))<br  /><br  />plt.figure(figsize=(<span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">3.5</span>))<br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 不考虑去除噪声时的颜色分布</span><br  />plt.subplot(<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">2</span>, <span style="line-height: 26px;">1</span>)<br  />plt.imshow(I, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'RdBu'</span>)<br  />plt.colorbar()<br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 设置去除噪声时的颜色分布</span><br  />plt.subplot(<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">2</span>, <span style="line-height: 26px;">2</span>)<br  />plt.imshow(I, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'RdBu'</span>)<br  />plt.colorbar(extend=<span style="color: rgb(166, 226, 46);line-height: 26px;">'both'</span>)<br  />plt.clim(<span style="line-height: 26px;">-1</span>, <span style="line-height: 26px;">1</span>);<br  /></section>

注意到在左边的图表中，默认的颜色阈值是包括了噪声的，因此整体的条纹形状都被噪声数据冲刷淡化了。而右边的图表，我们手动设置了颜色的阈值，并在绘制颜色条是加上了extend参数来表示超出阈值的数据。对于我们的数据来说，右图比左图要好的多。

离散颜色条

色图默认是连续的，但是在某些情况下你可能需要展示离散值。最简单的方法是使用plt.cm.get_cmap()函数，在传递某个色图名称的同时，还额外传递一个颜色分桶的数量值参数给该函数：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.imshow(I, cmap=plt.cm.get_cmap(<span style="color: rgb(166, 226, 46);line-height: 26px;">'Blues'</span>, <span style="line-height: 26px;">6</span>))<br  />plt.colorbar()<br  />plt.clim(<span style="line-height: 26px;">-1</span>, <span style="line-height: 26px;">1</span>);<br  /></section>

离散色图的使用方式和其他色图没有任何区别。

例子：手写数字

最后我们来看一个很有实用价值的例子，让我们实现对一些手写数字图像数据的可视化分析。这个数据包含在 Sciki-Learn 中，以供包含有将近 2,000 张大小的不同笔迹的手写数字缩略图。

首先，我们下载这个数据集，然后使用plt.imshow()将其中部分数据展示出来：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># 读取数字0-5的手写图像，然后使用Matplotlib展示头64张缩略图</span><br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">from</span> sklearn.datasets <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> load_digits<br  />digits = load_digits(n_class=<span style="line-height: 26px;">6</span>)<br  /><br  />fig, ax = plt.subplots(<span style="line-height: 26px;">8</span>, <span style="line-height: 26px;">8</span>, figsize=(<span style="line-height: 26px;">6</span>, <span style="line-height: 26px;">6</span>))<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> i, axi <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> enumerate(ax.flat):<br  />    axi.imshow(digits.images[i], cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'binary'</span>)<br  />    axi.set(xticks=[], yticks=[])<br  /></section>

因为每个数字都是使用 64 个像素点渲染出来的，我们可以认为每个数字是一个 64 维空间中的点：每个维度代表这其中一个像素的灰度值。但是要在图表中将这么高维度空间的联系可视化出来是非常困难的。有一种做法是使用降维技术，比方说使用流形学习来减少数据的维度然而不会丢失数据中有效的信息。

我们来看一下将这些手写数字图像数据映射到二维流形学习当中：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># 使用Isomap将手写数字图像映射到二维流形学习中</span><br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">from</span> sklearn.manifold <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> Isomap<br  />iso = Isomap(n_components=<span style="line-height: 26px;">2</span>)<br  />projection = iso.fit_transform(digits.data)<br  /></section>

我们使用离散颜色条来展示结果，设置ticks和clim来进一步美化结果的颜色条：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># 绘制图表结果</span><br  />plt.scatter(projection[:, <span style="line-height: 26px;">0</span>], projection[:, <span style="line-height: 26px;">1</span>], lw=<span style="line-height: 26px;">0.1</span>,<br  />            c=digits.target, cmap=plt.cm.get_cmap(<span style="color: rgb(166, 226, 46);line-height: 26px;">'cubehelix'</span>, <span style="line-height: 26px;">6</span>))<br  />plt.colorbar(ticks=range(<span style="line-height: 26px;">6</span>), label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'digit value'</span>)<br  />plt.clim(<span style="line-height: 26px;">-0.5</span>, <span style="line-height: 26px;">5.5</span>)<br  /></section>

我们从流形学习中的映射中可以观察到一些有趣现象：例如，图表中 5 和 3 有一些重叠的部分，这表示一些手写体中 5 和 3 是比较难以辨别的，因此对于自动识别算法来说这是比较容易混淆的部分。而 0 和 1，它们在图表中距离很远，这表示两者比较容易辨别，不太可能造成混淆。这个图表分析与我们的直觉一致，因为 5 和 3 显然比 0 和 1 看起来更加接近。

8.多个子图表

在一些情况中，如果能将不同的数据图表并列展示，对于我们进行数据分析和比较会很有帮助。Matplotlib 提供了子图表的概念来实现这一点：单个图表中可以包括一组小的 axes 用来展示多个子图表。这些子图表可以是插图，网格状分布或其他更复杂的布局。在本节中我们会介绍 Matplotlib 中用来构建子图表的四个函数。

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  />plt.style.use(<span style="color: rgb(166, 226, 46);line-height: 26px;">'seaborn-white'</span>)<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np<br  /></section>

plt.axes：手动构建子图表

构建 axes 作为子图表的最基础方法就是使用plt.axes函数。正如我们前面已经看到，默认情况下，这个函数够创建一个标准的 axes 对象填满整个图表区域。plt.axes函数也可以接收一个可选的列表参数用来指定在 axes 在整个图表中的坐标点位置。列表中有四个数值分别为[left, bottom, width, height]（取值都是 0-1），代表着子图表的左边、底部、宽度、高度在整个图表中左边、底部、宽度、高度所占的比例值。

例如，我们可以在距离左边和底部 65%的位置，以插图的形式放置一个宽度和高度都是 20%子图表，上述数值应该为[0.65, 0.65, 0.2, 0.2]：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax1 = plt.axes()  <span style="color: rgb(117, 113, 94);line-height: 26px;"># 标准图表</span><br  />ax2 = plt.axes([<span style="line-height: 26px;">0.65</span>, <span style="line-height: 26px;">0.65</span>, <span style="line-height: 26px;">0.2</span>, <span style="line-height: 26px;">0.2</span>]) <span style="color: rgb(117, 113, 94);line-height: 26px;">#子图表</span><br  /></section>

与上述等价的面向对象接口的语法是fig.add_axes()。我们使用这个方法来创建两个垂直堆叠的子图表：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig = plt.figure() <span style="color: rgb(117, 113, 94);line-height: 26px;"># 获得figure对象</span><br  />ax1 = fig.add_axes([<span style="line-height: 26px;">0.1</span>, <span style="line-height: 26px;">0.5</span>, <span style="line-height: 26px;">0.8</span>, <span style="line-height: 26px;">0.4</span>],<br  />                   xticklabels=[], ylim=(<span style="line-height: 26px;">-1.2</span>, <span style="line-height: 26px;">1.2</span>)) <span style="color: rgb(117, 113, 94);line-height: 26px;"># 左边10% 底部50% 宽80% 高40%</span><br  />ax2 = fig.add_axes([<span style="line-height: 26px;">0.1</span>, <span style="line-height: 26px;">0.1</span>, <span style="line-height: 26px;">0.8</span>, <span style="line-height: 26px;">0.4</span>],<br  />                   ylim=(<span style="line-height: 26px;">-1.2</span>, <span style="line-height: 26px;">1.2</span>)) <span style="color: rgb(117, 113, 94);line-height: 26px;"># 左边10% 底部10% 宽80% 高40%</span><br  /><br  />x = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>)<br  />ax1.plot(np.sin(x))<br  />ax2.plot(np.cos(x));<br  /></section>

这样我们就有两个子图表（上面的子图表没有 x 轴刻度），这两个子图表正好吻合：上面图表的底部是整个图表高度 50%位置，而下面图表的顶部也是整个图表的 50%位置（0.1+0.4）。

plt.subplot：简单网格的子图表

将子图表的行与列对齐是一个很常见的需求，因此 Matplotlib 提供了一些简单的函数来实现它们。这些函数当中最底层的是plt.subplot()，它会在网格中创建一个子图表。函数接受三个整数参数，网格行数，网格列数以及该网格子图表的序号（从左上角向右下角递增）：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> i <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> range(<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">7</span>):<br  />    plt.subplot(<span style="line-height: 26px;">2</span>, <span style="line-height: 26px;">3</span>, i)<br  />    plt.text(<span style="line-height: 26px;">0.5</span>, <span style="line-height: 26px;">0.5</span>, str((<span style="line-height: 26px;">2</span>, <span style="line-height: 26px;">3</span>, i)),<br  />             fontsize=<span style="line-height: 26px;">18</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'center'</span>)<br  /></section>

plt.subplots_adjust函数用来调整这些子图表之间的距离。下面的代码使用了与plt.subplot()等价的面向对象接口方法fig.add_subplot()：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig = plt.figure()<br  />fig.subplots_adjust(hspace=<span style="line-height: 26px;">0.4</span>, wspace=<span style="line-height: 26px;">0.4</span>)<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> i <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> range(<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">7</span>):<br  />    ax = fig.add_subplot(<span style="line-height: 26px;">2</span>, <span style="line-height: 26px;">3</span>, i)<br  />    ax.text(<span style="line-height: 26px;">0.5</span>, <span style="line-height: 26px;">0.5</span>, str((<span style="line-height: 26px;">2</span>, <span style="line-height: 26px;">3</span>, i)),<br  />           fontsize=<span style="line-height: 26px;">18</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'center'</span>)<br  /></section>

上例中我们指定了plt.subplots_adjust函数的hspace和wspace参数，它们代表这沿着高度和宽度方向子图表之间的距离，单位是子图表的大小（在本例中，距离是子图表宽度和高度的 40%）。

plt.subplots：一句代码设置所有网格子图表

上面的方法在我们需要创建大量的子图表网格时会变得非常冗长乏味，特别是如果我们需要将内部图表 x 轴和 y 轴标签隐藏的情况下。因此，plt.subplots在这种情况下是一个合适的工具（注意末尾有个 s）。这个函数会一次性创建所有的网格子图表，而不是单个网格，并将它们存储在一个 NumPy 数组中返回。参数是行数和列数，还有两个可选的关键字参数sharex和sharey，可以让你指定不同子图表之间的关联。

下面我们来创建一个网格的子图表，其中每一行的子图表共享它们的 y 轴，而每一列的子图表共享它们的 x 轴：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig, ax = plt.subplots(<span style="line-height: 26px;">2</span>, <span style="line-height: 26px;">3</span>, sharex=<span style="color: rgb(166, 226, 46);line-height: 26px;">'col'</span>, sharey=<span style="color: rgb(166, 226, 46);line-height: 26px;">'row'</span>)<br  /></section>

注意上面我们设置了sharex和sharey之后，内部子图表的 x 轴和 y 轴的标签就自动被去掉了。返回值中 ax 是一个 NumPy 数组，里面含有每一个子图表的实例，你可以使用 NumPy 索引的语法很简单的获得它们：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># axes是一个2×3的数组，可以通过[row, col]进行索引访问</span><br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> i <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> range(<span style="line-height: 26px;">2</span>):<br  />    <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> j <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> range(<span style="line-height: 26px;">3</span>):<br  />        ax[i, j].text(<span style="line-height: 26px;">0.5</span>, <span style="line-height: 26px;">0.5</span>, str((i, j)),<br  />                      fontsize=<span style="line-height: 26px;">18</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'center'</span>)<br  />fig<br  /></section>

并且相对于plt.subplot，plt.subplots()更复合 Python 从 0 开始进行索引的习惯。

plt.GridSpec：更复杂的排列

当你需要子图表在网格中占据多行或多列时，plt.GridSpec()正是你所需要的。plt.GridSpec()对象并不自己创建图表；它只是一个可以被传递给plt.subplot()的参数。例如，一个两行三列并带有指定的宽度高度间隔的 gridspec 可以如下创建：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">grid = plt.GridSpec(<span style="line-height: 26px;">2</span>, <span style="line-height: 26px;">3</span>, wspace=<span style="line-height: 26px;">0.4</span>, hspace=<span style="line-height: 26px;">0.3</span>)<br  /></section>

使用这个对象我们可以指定子图表的位置和占据的网格，仅需要使用熟悉的 Python 切片语法即可：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">plt.subplot(grid[<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">0</span>])<br  />plt.subplot(grid[<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">1</span>:])<br  />plt.subplot(grid[<span style="line-height: 26px;">1</span>, :<span style="line-height: 26px;">2</span>])<br  />plt.subplot(grid[<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">2</span>]);<br  /></section>

这种灵活的网格对齐控制方式有着广泛的应用。作者经常在需要创建多个直方图的联合图表中使用这种方法，如下例：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># 构建二维正态分布数据</span><br  />mean = [<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">0</span>]<br  />cov = [[<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">1</span>], [<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">2</span>]]<br  />x, y = np.random.multivariate_normal(mean, cov, <span style="line-height: 26px;">3000</span>).T<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 使用GridSpec创建网格并加入子图表</span><br  />fig = plt.figure(figsize=(<span style="line-height: 26px;">6</span>, <span style="line-height: 26px;">6</span>))<br  />grid = plt.GridSpec(<span style="line-height: 26px;">4</span>, <span style="line-height: 26px;">4</span>, hspace=<span style="line-height: 26px;">0.2</span>, wspace=<span style="line-height: 26px;">0.2</span>)<br  />main_ax = fig.add_subplot(grid[:<span style="line-height: 26px;">-1</span>, <span style="line-height: 26px;">1</span>:])<br  />y_hist = fig.add_subplot(grid[:<span style="line-height: 26px;">-1</span>, <span style="line-height: 26px;">0</span>], xticklabels=[], sharey=main_ax)<br  />x_hist = fig.add_subplot(grid[<span style="line-height: 26px;">-1</span>, <span style="line-height: 26px;">1</span>:], yticklabels=[], sharex=main_ax)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 在主图表中绘制散点图</span><br  />main_ax.plot(x, y, <span style="color: rgb(166, 226, 46);line-height: 26px;">'ok'</span>, markersize=<span style="line-height: 26px;">3</span>, alpha=<span style="line-height: 26px;">0.2</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 分别在x轴和y轴方向绘制直方图</span><br  />x_hist.hist(x, <span style="line-height: 26px;">40</span>, histtype=<span style="color: rgb(166, 226, 46);line-height: 26px;">'stepfilled'</span>,<br  />            orientation=<span style="color: rgb(166, 226, 46);line-height: 26px;">'vertical'</span>, color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'gray'</span>)<br  />x_hist.invert_yaxis() <span style="color: rgb(117, 113, 94);line-height: 26px;"># x轴方向（右下）直方图倒转y轴方向</span><br  /><br  />y_hist.hist(y, <span style="line-height: 26px;">40</span>, histtype=<span style="color: rgb(166, 226, 46);line-height: 26px;">'stepfilled'</span>,<br  />            orientation=<span style="color: rgb(166, 226, 46);line-height: 26px;">'horizontal'</span>, color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'gray'</span>)<br  />y_hist.invert_xaxis() <span style="color: rgb(117, 113, 94);line-height: 26px;"># y轴方向（左上）直方图倒转x轴方向</span><br  /></section>

这种沿着数据各自方向分布并绘制相应图表的需求是很通用的，因此在 Seaborn 包中它们有专门的 API 来实现。

9.文本和标注

创建一个优秀的可视化图表的关键在于引导读者，让他们能理解图表所讲述的故事。在一些情况下，这个故事可以通过纯图像的方式表达，不需要额外添加文字，但是在另外一些情况中，图表需要文字的提示和标签才能将故事讲好。也许标注最基本的类型就是图表的标签和标题，但是其中的选项参数却有很多。让我们在本节中使用一些数据来创建可视化图表并标注这些图表来表达这些有趣的信息。首先还是需要将要用到的模块和包导入 notebook：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> mpl<br  />plt.style.use(<span style="color: rgb(166, 226, 46);line-height: 26px;">'seaborn-whitegrid'</span>)<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> pandas <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> pd<br  /></section>

例子：节假日对美国出生率的影响

本例中的数据可以在 https://raw.githubusercontent.com/jakevdp/data-CDCbirths/master/births.csv 下载。

我们先按照前面的方式进行同样的数据清洗程序，然后以图表展示这个结果：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">births = pd.read_csv(<span style="color: rgb(166, 226, 46);line-height: 26px;">r'D:pythonGithub学习材料Python数据科学手册databirths.csv'</span>)<br  /><br  />quartiles = np.percentile(births[<span style="color: rgb(166, 226, 46);line-height: 26px;">'births'</span>], [<span style="line-height: 26px;">25</span>, <span style="line-height: 26px;">50</span>, <span style="line-height: 26px;">75</span>])<br  />mu, sig = quartiles[<span style="line-height: 26px;">1</span>], <span style="line-height: 26px;">0.74</span> * (quartiles[<span style="line-height: 26px;">2</span>] - quartiles[<span style="line-height: 26px;">0</span>])<br  />births = births.query(<span style="color: rgb(166, 226, 46);line-height: 26px;">'(births > @mu - 5 * @sig) & (births < @mu + 5 * @sig)'</span>)<br  /><br  />births[<span style="color: rgb(166, 226, 46);line-height: 26px;">'day'</span>] = births[<span style="color: rgb(166, 226, 46);line-height: 26px;">'day'</span>].astype(int)<br  /><br  />births.index = pd.to_datetime(<span style="line-height: 26px;">10000</span> * births.year +<br  />                              <span style="line-height: 26px;">100</span> * births.month +<br  />                              births.day, format=<span style="color: rgb(166, 226, 46);line-height: 26px;">'%Y%m%d'</span>)<br  />births_by_date = births.pivot_table(<span style="color: rgb(166, 226, 46);line-height: 26px;">'births'</span>,<br  />                                    [births.index.month, births.index.day])<br  />births_by_date.index = [pd.datetime(<span style="line-height: 26px;">2012</span>, month, day)<br  />                        <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> (month, day) <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> births_by_date.index]<br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig, ax = plt.subplots(figsize=(<span style="line-height: 26px;">12</span>, <span style="line-height: 26px;">4</span>))<br  />births_by_date.plot(ax=ax);<br  /></section>

当我们绘制了这样的图表来表达数据时，如果我们能对一些图表的特性作出标注来，这对吸引读者的注意力通常是非常有帮助的。这可以通过调用plt.text或ax.text函数来实现，它们可以在某个特定的 x，y 轴位置输出一段文字：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig, ax = plt.subplots(figsize=(<span style="line-height: 26px;">12</span>, <span style="line-height: 26px;">4</span>))<br  />births_by_date.plot(ax=ax)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 在折线的特殊位置标注文字</span><br  />style = dict(size=<span style="line-height: 26px;">10</span>, color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'gray'</span>)<br  /><br  />ax.text(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-1-1'</span>, <span style="line-height: 26px;">3950</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">"New Year's Day"</span>, **style)<br  />ax.text(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-7-4'</span>, <span style="line-height: 26px;">4250</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">"Independence Day"</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'center'</span>, **style)<br  />ax.text(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-9-4'</span>, <span style="line-height: 26px;">4850</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">"Labor Day"</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'center'</span>, **style)<br  />ax.text(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-10-31'</span>, <span style="line-height: 26px;">4600</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">"Halloween"</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'right'</span>, **style)<br  />ax.text(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-11-25'</span>, <span style="line-height: 26px;">4450</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">"Thanksgiving"</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'center'</span>, **style)<br  />ax.text(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-12-25'</span>, <span style="line-height: 26px;">3850</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">"Christmas "</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'right'</span>, **style)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 设置标题和y轴标签</span><br  />ax.set(title=<span style="color: rgb(166, 226, 46);line-height: 26px;">'USA births by day of year (1969-1988)'</span>,<br  />       ylabel=<span style="color: rgb(166, 226, 46);line-height: 26px;">'average daily births'</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 设置x轴标签月份居中</span><br  />ax.xaxis.set_major_locator(mpl.dates.MonthLocator())<br  />ax.xaxis.set_minor_locator(mpl.dates.MonthLocator(bymonthday=<span style="line-height: 26px;">15</span>))<br  />ax.xaxis.set_major_formatter(plt.NullFormatter())<br  />ax.xaxis.set_minor_formatter(mpl.dates.DateFormatter(<span style="color: rgb(166, 226, 46);line-height: 26px;">'%h'</span>));<br  /></section>

ax.text方法接收 x 位置、y 位置、一个字符串和额外可选的关键字参数可以用来设置颜色、大小、样式、对齐等文本格式。上面我们使用了ha='right'和ha='center'，这里的ha是*hirizonal alignment（水平对齐）*的缩写。要查阅更多的可用参数，请查看plt.text()和mpl.text.Text()的文档字符串内容。

转换和文本位置

在刚才的例子中，我们将文字标注根据数据位置进行了定位。有些时候我们需要将文字标注独立于数据位置而根据图表位置进行定位。Matplotlib 通过转换完成这项工作。

任何的图形显示框架都需要在坐标系统之间进行转换的机制。例如，一个数据点位于被转换为图表中的某个位置，进而转换为屏幕上显示的像素。这样的坐标转换在数学上都相对来说比较直接，而且 Matplotlib 提供了一系列的工具实现了转换（这些工具可以在matplotlib.transforms模块中找到）。

一般来说，用户很少需要关注这些转换的细节，但是当考虑将文本在图表上展示时，这些知识却比较有用。在这种情况中，下面三种定义好的转换是比较有用的：

ax.transData：与数据坐标相关的转换
ax.tranAxes：与 Axes 尺寸相关的转换（单位是 axes 的宽和高）
ax.tranFigure：与 figure 尺寸相关的转换（单位是 figure 的宽和高）

下面我们来看看使用这些转换将文字写在图表中不同位置的例子：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig, ax = plt.subplots(facecolor=<span style="color: rgb(166, 226, 46);line-height: 26px;">'lightgray'</span>)<br  />ax.axis([<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">10</span>])<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># transform=ax.transData是默认的，这里写出来是为了明确对比</span><br  />ax.text(<span style="line-height: 26px;">1</span>, <span style="line-height: 26px;">5</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">". Data: (1, 5)"</span>, transform=ax.transData)<br  />ax.text(<span style="line-height: 26px;">0.5</span>, <span style="line-height: 26px;">0.1</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">". Axes: (0.5, 0.1)"</span>, transform=ax.transAxes)<br  />ax.text(<span style="line-height: 26px;">0.2</span>, <span style="line-height: 26px;">0.2</span>, <span style="color: rgb(166, 226, 46);line-height: 26px;">". Figure: (0.2, 0.2)"</span>, transform=fig.transFigure);<br  /></section>

注意默认情况下，文字是在指定坐标位置靠左对齐的：这里每个字符串开始的"."的位置就是每种转换的坐标位置。

transData坐标给定的是通常使用的 x 和 y 轴坐标位置。transAxes坐标给定的是从 axes 左下角开始算起（白色区域）的坐标位置，使用的是宽度和长度的占比。transFigure坐标类似，给定的是从 figure 左下角开始算起（灰色区域）的坐标位置，使用的也是宽度和长度的占比。

因此如果我们改变了轴的最大长度，只有transData坐标会收到影响，其他两个还是保持在相同位置：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax.set_xlim(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">2</span>)<br  />ax.set_ylim(<span style="line-height: 26px;">-6</span>, <span style="line-height: 26px;">6</span>)<br  />fig<br  /></section>

这个变化可以通过动态改变轴的最大长度看的更加清楚：如果你在 notebook 执行这段代码，你可以将%matplotlib inline改为%matplotlib notebook，然后使用图表的菜单来交互式的改变图表。

箭头和标注

除了刻度标签和文字标签，另一种常用的标注是箭头。

在 Matplotlib 中绘制箭头通常比你想象的难得多。虽然有plt.arrow()函数，作者不建议使用它：这个函数绘制的箭头是一个 SVG 对象，因此在图表使用不同的比例的情况会产生问题，结果通常不能让用户满意。因此，作者建议使用plt.annotate()函数。这个函数会绘制一些文字以及一个箭头，并且箭头可以非常灵活的进行配置。

下面我们提供一些参数来使用annotate函数：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">%matplotlib inline<br  /><br  />fig, ax = plt.subplots()<br  /><br  />x = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">20</span>, <span style="line-height: 26px;">1000</span>)<br  />ax.plot(x, np.cos(x))<br  />ax.axis(<span style="color: rgb(166, 226, 46);line-height: 26px;">'equal'</span>)<br  /><br  />ax.annotate(<span style="color: rgb(166, 226, 46);line-height: 26px;">'local maximum'</span>, xy=(<span style="line-height: 26px;">6.28</span>, <span style="line-height: 26px;">1</span>), xytext=(<span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">4</span>),<br  />            arrowprops=dict(facecolor=<span style="color: rgb(166, 226, 46);line-height: 26px;">'black'</span>, shrink=<span style="line-height: 26px;">0.05</span>))<br  /><br  />ax.annotate(<span style="color: rgb(166, 226, 46);line-height: 26px;">'local minimum'</span>, xy=(<span style="line-height: 26px;">5</span> * np.pi, <span style="line-height: 26px;">-1</span>), xytext=(<span style="line-height: 26px;">2</span>, <span style="line-height: 26px;">-6</span>),<br  />            arrowprops=dict(arrowstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"->"</span>,<br  />                            connectionstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"angle3,angleA=0,angleB=-90"</span>));<br  /></section>

箭头的样式是使用箭头属性字典值进行控制的，里面有很多可用的参数。这些参数在 Matplotlib 的在线文档中已经有了很详细的说明，因此在这里就不将这部分内容重复介绍一遍了。我们在前面出生率图上再使用一些参数进行更多的说明：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig, ax = plt.subplots(figsize=(<span style="line-height: 26px;">12</span>, <span style="line-height: 26px;">4</span>))<br  />births_by_date.plot(ax=ax)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 为图表添加标注</span><br  />ax.annotate(<span style="color: rgb(166, 226, 46);line-height: 26px;">"New Year's Day"</span>, xy=(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-1-1'</span>, <span style="line-height: 26px;">4100</span>),  xycoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'data'</span>,<br  />            xytext=(<span style="line-height: 26px;">50</span>, <span style="line-height: 26px;">-30</span>), textcoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'offset points'</span>,<br  />            arrowprops=dict(arrowstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"->"</span>,<br  />                            connectionstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"arc3,rad=-0.2"</span>))<br  /><br  />ax.annotate(<span style="color: rgb(166, 226, 46);line-height: 26px;">"Independence Day"</span>, xy=(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-7-4'</span>, <span style="line-height: 26px;">4250</span>),  xycoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'data'</span>,<br  />            bbox=dict(boxstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"round"</span>, fc=<span style="color: rgb(166, 226, 46);line-height: 26px;">"none"</span>, ec=<span style="color: rgb(166, 226, 46);line-height: 26px;">"gray"</span>),<br  />            xytext=(<span style="line-height: 26px;">10</span>, <span style="line-height: 26px;">-40</span>), textcoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'offset points'</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'center'</span>,<br  />            arrowprops=dict(arrowstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"->"</span>))<br  /><br  />ax.annotate(<span style="color: rgb(166, 226, 46);line-height: 26px;">'Labor Day'</span>, xy=(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-9-4'</span>, <span style="line-height: 26px;">4850</span>), xycoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'data'</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'center'</span>,<br  />            xytext=(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">-20</span>), textcoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'offset points'</span>)<br  />ax.annotate(<span style="color: rgb(166, 226, 46);line-height: 26px;">''</span>, xy=(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-9-1'</span>, <span style="line-height: 26px;">4850</span>), xytext=(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-9-7'</span>, <span style="line-height: 26px;">4850</span>),<br  />            xycoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'data'</span>, textcoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'data'</span>,<br  />            arrowprops={<span style="color: rgb(166, 226, 46);line-height: 26px;">'arrowstyle'</span>: <span style="color: rgb(166, 226, 46);line-height: 26px;">'|-|,widthA=0.2,widthB=0.2'</span>, })<br  /><br  />ax.annotate(<span style="color: rgb(166, 226, 46);line-height: 26px;">'Halloween'</span>, xy=(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-10-31'</span>, <span style="line-height: 26px;">4600</span>),  xycoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'data'</span>,<br  />            xytext=(<span style="line-height: 26px;">-80</span>, <span style="line-height: 26px;">-40</span>), textcoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'offset points'</span>,<br  />            arrowprops=dict(arrowstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"fancy"</span>,<br  />                            fc=<span style="color: rgb(166, 226, 46);line-height: 26px;">"0.6"</span>, ec=<span style="color: rgb(166, 226, 46);line-height: 26px;">"none"</span>,<br  />                            connectionstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"angle3,angleA=0,angleB=-90"</span>))<br  /><br  />ax.annotate(<span style="color: rgb(166, 226, 46);line-height: 26px;">'Thanksgiving'</span>, xy=(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-11-25'</span>, <span style="line-height: 26px;">4500</span>),  xycoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'data'</span>,<br  />            xytext=(<span style="line-height: 26px;">-120</span>, <span style="line-height: 26px;">-60</span>), textcoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'offset points'</span>,<br  />            bbox=dict(boxstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"round4,pad=.5"</span>, fc=<span style="color: rgb(166, 226, 46);line-height: 26px;">"0.9"</span>),<br  />            arrowprops=dict(arrowstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"->"</span>,<br  />                            connectionstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"angle,angleA=0,angleB=80,rad=20"</span>))<br  /><br  /><br  />ax.annotate(<span style="color: rgb(166, 226, 46);line-height: 26px;">'Christmas'</span>, xy=(<span style="color: rgb(166, 226, 46);line-height: 26px;">'2012-12-25'</span>, <span style="line-height: 26px;">3850</span>),  xycoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'data'</span>,<br  />             xytext=(<span style="line-height: 26px;">-30</span>, <span style="line-height: 26px;">0</span>), textcoords=<span style="color: rgb(166, 226, 46);line-height: 26px;">'offset points'</span>,<br  />             size=<span style="line-height: 26px;">13</span>, ha=<span style="color: rgb(166, 226, 46);line-height: 26px;">'right'</span>, va=<span style="color: rgb(166, 226, 46);line-height: 26px;">"center"</span>,<br  />             bbox=dict(boxstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"round"</span>, alpha=<span style="line-height: 26px;">0.1</span>),<br  />             arrowprops=dict(arrowstyle=<span style="color: rgb(166, 226, 46);line-height: 26px;">"wedge,tail_width=0.5"</span>, alpha=<span style="line-height: 26px;">0.1</span>));<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 设置图表标题和坐标轴标记</span><br  />ax.set(title=<span style="color: rgb(166, 226, 46);line-height: 26px;">'USA births by day of year (1969-1988)'</span>,<br  />       ylabel=<span style="color: rgb(166, 226, 46);line-height: 26px;">'average daily births'</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 设置月份坐标居中显示</span><br  />ax.xaxis.set_major_locator(mpl.dates.MonthLocator())<br  />ax.xaxis.set_minor_locator(mpl.dates.MonthLocator(bymonthday=<span style="line-height: 26px;">15</span>))<br  />ax.xaxis.set_major_formatter(plt.NullFormatter())<br  />ax.xaxis.set_minor_formatter(mpl.dates.DateFormatter(<span style="color: rgb(166, 226, 46);line-height: 26px;">'%h'</span>));<br  /><br  />ax.set_ylim(<span style="line-height: 26px;">3600</span>, <span style="line-height: 26px;">5400</span>);<br  /></section>

上图中箭头和文字框都非常详尽了：可以看出你几乎可以使用plt.annotate创建任何你想要的箭头样式。不幸的是，这意味着这种特性都需要手工进行调整，因此如果需要获得印刷质量的图像，这将是一个非常耗费时间的工作。最后，必须指出，上述这种多种样式混合的方式来展现数据肯定不是最佳实践，这里只是为了尽可能多的介绍可用的参数。

更多关于 Matplotlib 的箭头和标注样式的讨论和例子可以访问 Matplotlib gallery，特别是标注演示[6]。

10.自定义刻度

Matplotlib 默认的刻度标志和格式被设计成能满足许多通用场景的需求，但是不会是所有图表的最佳选择。本节会介绍一些调整刻度位置和格式的例子来说明自定义刻度的使用。

在介绍例子之前，我们应该加深对 Matplotlib 图表的对象层次的理解。Matplotlib 的设计目标是展示在图表中的所有内容都会表达成为 Python 的对象：例如，回忆前面我们介绍过figure指的是用来展示图表所有内容的方框。每个 Matplotlib 对象也被设计为其子对象的一个容器：例如figure对象中可以包含一个或多个axes对象，每个axes对象都依次包含着其他用来展示图表的内容对象。

刻度也不例外。每个axes对象都有着属性xaxis和yaxis，表示 x 和 y 轴，其中包含着所有的属性用来指代轴的线、刻度和标签。

主要的和次要的刻度

在每个坐标轴上，都有主要的刻度和次要的刻度概念。正如名字指代的，主要刻度通常是大的和更多用到的，而次要刻度通常是小的。默认 Matplotlib 很少使用次要刻度，但是在对数图表中我们可能会看到它们：

在 Matplotlib 2.0 之后，当 axis 的跨度过大时，默认次要刻度将会不再展示，因此，下面的代码经过了修改，加上了 xlim 和 ylim 参数。

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  />plt.style.use(<span style="color: rgb(166, 226, 46);line-height: 26px;">'classic'</span>)<br  />%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np<br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax = plt.axes(xscale=<span style="color: rgb(166, 226, 46);line-height: 26px;">'log'</span>, yscale=<span style="color: rgb(166, 226, 46);line-height: 26px;">'log'</span>, xlim=[<span style="line-height: 26px;">10e-5</span>, <span style="line-height: 26px;">10e5</span>], ylim=[<span style="line-height: 26px;">10e-5</span>, <span style="line-height: 26px;">10e5</span>])<br  />ax.grid();<br  /></section>

我们看到每个主要刻度显示了一个大的标志和标签，而每个次要刻度显示了一个小的刻度标志没有标签。

这些刻度属性，位置和标签，都可以使用每个轴的formatter和locator对象进行个性化设置。下面我们来查看一下 x 轴的相应对象：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">print(ax.xaxis.get_major_locator())<br  />print(ax.xaxis.get_minor_locator())<br  /></section>

<section style="margin: 5px 8px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;display: -webkit-box;border-radius: 0px;line-height: 1.5em;"><matplotlib.ticker.LogLocator object at 0x000001E8074AF108><br  /><matplotlib.ticker.LogLocator object at 0x000001E8074AD908><br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">print(ax.xaxis.get_major_formatter())<br  />print(ax.xaxis.get_minor_formatter())<br  /></section>

<section style="margin: 5px 8px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;display: -webkit-box;border-radius: 0px;line-height: 1.5em;"><matplotlib.ticker.LogFormatterSciNotation object at 0x000001E8074AEB88><br  /><matplotlib.ticker.LogFormatterSciNotation object at 0x000001E8074ADB48><br  /></section>

我们看到主要和次要刻度的位置都是使用LogLocator来设置的（对于对数图表来说那是理所当然的）。然而次要刻度的标签的格式是NullFormatter：这表示次要刻度不会显示标签。

译者注：新版 Matplotlib 已经修改，可以看到 Formatter 都统一成为了 LogFormatterSciNotation，再根据图表实际情况选择是否展示标签。

下面我们就可以开始介绍一些设置这些 locator 和 formatter 的例子了。

隐藏刻度和标签

也许最常见的刻度/标签格式设置的操作是隐藏刻度或标签。这可以通过使用plt.NullLocator()和plt.NullFormatter()来设置，如下例：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax = plt.axes()<br  />ax.plot(np.random.rand(<span style="line-height: 26px;">50</span>))<br  /><br  />ax.yaxis.set_major_locator(plt.NullLocator())<br  />ax.xaxis.set_major_formatter(plt.NullFormatter())<br  /></section>

注意上图中我们去除了 x 轴的标签（但是保留了刻度或网格线），y 轴的刻度和标签都被去除了。图表中没有刻度和标签在很多情况下很有用，例如，当你希望展示一个图像的网格。比方说，考虑下面的图表，包含着不同的头像，一个很常见的监督机器学习问题：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig, ax = plt.subplots(<span style="line-height: 26px;">5</span>, <span style="line-height: 26px;">5</span>, figsize=(<span style="line-height: 26px;">5</span>, <span style="line-height: 26px;">5</span>))<br  />fig.subplots_adjust(hspace=<span style="line-height: 26px;">0</span>, wspace=<span style="line-height: 26px;">0</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 从scikit-learn载入头像数据集</span><br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">from</span> sklearn.datasets <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> fetch_olivetti_faces<br  />faces = fetch_olivetti_faces().images<br  /><br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> i <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> range(<span style="line-height: 26px;">5</span>):<br  />    <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> j <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> range(<span style="line-height: 26px;">5</span>):<br  />        ax[i, j].xaxis.set_major_locator(plt.NullLocator())<br  />        ax[i, j].yaxis.set_major_locator(plt.NullLocator())<br  />        ax[i, j].imshow(faces[<span style="line-height: 26px;">10</span> * i + j], cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">"bone"</span>)<br  /></section>

<section style="margin: 5px 8px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;display: -webkit-box;border-radius: 0px;line-height: 1.5em;text-align: left;"><span style="font-size: 13px;color: rgb(136, 136, 136);">downloading Olivetti faces from<br  />https://ndownloader.figshare.com/files/5976027<br  />to C:Usersgdcscikit_learn_data</span><br  /></section>

注意上图中每张图像都有它自己的 axes，我们将每一个 axes 的 locator 都设置为 null 因为这些刻度值（像素值）在这里并没有任何实际意义。

减少或增加刻度的数量

默认设置的一个常见问题是当子图表较小时，刻度标签可能会粘在一起。我们可以从下面例子看到：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig, ax = plt.subplots(<span style="line-height: 26px;">4</span>, <span style="line-height: 26px;">4</span>, sharex=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">True</span>, sharey=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">True</span>)<br  /></section>

特别是 x 轴，标签的数字就快重叠在一起了，这让这些标签难以认清。我们可以通过plt.MaxNLocator()来修正这点，用它可以设置最大展示刻度的数量。Matplotlib 会自己计算按照这个最大数量计算的刻度位置：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># 对x和y轴设置刻度最大数量</span><br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">for</span> axi <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">in</span> ax.flat:<br  />    axi.xaxis.set_major_locator(plt.MaxNLocator(<span style="line-height: 26px;">3</span>))<br  />    axi.yaxis.set_major_locator(plt.MaxNLocator(<span style="line-height: 26px;">3</span>))<br  />fig<br  /></section>

上图就清晰多了。如果你希望对于刻度位置进行更加精细的控制，你可以使用plt.MultipleLocator，我们会接下来讨论这个对象。

复杂的刻度格式

Matplotlib 的默认刻度格式只能在很多常见情况下工作良好，但是在特殊情况下你会希望能够更多的进行个性化。考虑下面的正弦和余弦图表：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># 绘制正弦和余弦图表</span><br  />fig, ax = plt.subplots()<br  />x = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">3</span> * np.pi, <span style="line-height: 26px;">1000</span>)<br  />ax.plot(x, np.sin(x), lw=<span style="line-height: 26px;">3</span>, label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'Sine'</span>)<br  />ax.plot(x, np.cos(x), lw=<span style="line-height: 26px;">3</span>, label=<span style="color: rgb(166, 226, 46);line-height: 26px;">'Cosine'</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 设置网格、图例和轴极限</span><br  />ax.grid(<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">True</span>)<br  />ax.legend(frameon=<span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">False</span>)<br  />ax.axis(<span style="color: rgb(166, 226, 46);line-height: 26px;">'equal'</span>)<br  />ax.set_xlim(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">3</span> * np.pi);<br  /></section>

这里有几个我们希望进行的改变。首先，如果刻度的间距和网格线是的倍数会显得更加自然。我们可以通过MultipleLocator来设置它，这个对象用来设置刻度的配置。为了更直观，我们设置主要刻度为位置，设置次要刻度为位置：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax.xaxis.set_major_locator(plt.MultipleLocator(np.pi / <span style="line-height: 26px;">2</span>))<br  />ax.xaxis.set_minor_locator(plt.MultipleLocator(np.pi / <span style="line-height: 26px;">4</span>))<br  />fig<br  /></section>

但是上图看起来有点傻：我们可以看出刻度确实是的倍数，但是使用了小数的展示让它们看起来很奇怪。要修正这些标签，我们需要修改刻度的 formatter。在这种情况中，没有內建的 formatter 可以给我们使用，因此我们使用plt.FuncFormatter，这个对象能够接受一个用户自定义的函数来提供对于刻度标签的精细控制：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="line-height: 26px;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">def</span> <span style="color: rgb(166, 226, 46);font-weight: bold;line-height: 26px;">format_func</span><span style="line-height: 26px;">(value, tick_number)</span>:</span><br  />    <span style="color: rgb(117, 113, 94);line-height: 26px;"># N是pi/2的倍数</span><br  />    N = int(np.round(<span style="line-height: 26px;">2</span> * value / np.pi))<br  />    <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">if</span> N == <span style="line-height: 26px;">0</span>:<br  />        <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">return</span> <span style="color: rgb(166, 226, 46);line-height: 26px;">"0"</span> <span style="color: rgb(117, 113, 94);line-height: 26px;"># 0点</span><br  />    <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">elif</span> N == <span style="line-height: 26px;">1</span>:<br  />        <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">return</span> <span style="color: rgb(166, 226, 46);line-height: 26px;">r"$frac{pi}{2}$"</span> <span style="color: rgb(117, 113, 94);line-height: 26px;"># pi/2</span><br  />    <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">elif</span> N == <span style="line-height: 26px;">2</span>:<br  />        <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">return</span> <span style="color: rgb(166, 226, 46);line-height: 26px;">r"$pi$"</span> <span style="color: rgb(117, 113, 94);line-height: 26px;"># pi</span><br  />    <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">elif</span> N % <span style="line-height: 26px;">2</span> > <span style="line-height: 26px;">0</span>:<br  />        <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">return</span> <span style="color: rgb(166, 226, 46);line-height: 26px;">r"$frac{{%d}pi}{2}$"</span> %N <span style="color: rgb(117, 113, 94);line-height: 26px;"># n*pi/2 n是奇数</span><br  />    <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">else</span>:<br  />        <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">return</span> <span style="color: rgb(166, 226, 46);line-height: 26px;">r"${0}pi$"</span>.format(N // <span style="line-height: 26px;">2</span>) <span style="color: rgb(117, 113, 94);line-height: 26px;"># n*pi n是整数</span><br  /><br  />ax.xaxis.set_major_formatter(plt.FuncFormatter(format_func))<br  />fig<br  /></section>

上图看起来好多了。注意到我们使用到了 Matplotlib 的 LaTeX 支持，使用美元符号将 LaTeX 字符串括起来。这是用来展示数学符号和公式的简便方法：在这个例子中"$pi$"被渲染成希腊字母。

plt.FuncFomatter()提供了对于图表刻度最高级的自定义和精细控制，并且当你需要创建需要印刷或出版的图表时非常方便。

Formatter 和 Locator 总结

我们已经介绍了一些 formatter 和 locator。在最后我们通过将內建的 locator 和 formatter 参数列出来对本节做一个总结。要获得更多相关内容，请参阅文档或 Matplotlib 的在线文档。下表中列出的对象在plt命名空间中都是有效的：

Locator 对象

描述


`NullLocator`	无刻度
`FixedLocator`	固定刻度位置
`IndexLocator`	序号图表刻度 (例如 x = range(len(y)))
`LinearLocator`	从最小到最大值的均匀分割刻度
`LogLocator`	从最小到最大值的对数分割刻度
`MultipleLocator`	某个基数的倍数刻度
`MaxNLocator`	刻度数量最大值
`AutoLocator`	默认的刻度数量最大值
`AutoMinorLocator`	默认的次要刻度

Formatter 对象

描述


`NullFormatter`	无标签
`IndexFormatter`	从一个列表获得标签
`FixedFormatter`	从固定的字符串设置标签
`FuncFormatter`	使用自定义函数设置标签
`FormatStrFormatter`	使用一个格式化字符串设置标签
`ScalarFormatter`	默认的标量标签
`LogFormatter`	默认的对数标签

11.在 matplotlib 中创建三维图表

Matplotlib 最开始被设计为仅支持二维的图表。到 1.0 版本发布左右，一些三维图表的工具在二维展示的基础上被创建了出来，结果就是 Matplotlib 提供了一个方便的（同时也是有限的）的可用于三维数据可视化的一套工具。三维图表可以使用载入mplot3d工具包来激活，这个包会随着 Matplotlib 自动安装：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">from</span> mpl_toolkits <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> mplot3d<br  /></section>

一旦模块被导入，三维 axes 就可以像其他普通 axes 一样通过关键字参数projection='3d'来创建：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">%matplotlib inline<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> numpy <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> np<br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> matplotlib.pyplot <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">as</span> plt<br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig = plt.figure()<br  />ax = plt.axes(projection=<span style="color: rgb(166, 226, 46);line-height: 26px;">'3d'</span>)<br  /></section>

三维 axes 激活后，我们可以在上面绘制不同的三维图表类型。三维图表在 notebook 中使用交互式图表展示会优于使用静态展示；回忆我们前面介绍过，你可以使用%matplotlib notebook而不是%matplotlib inline来激活交互式展示模式。

三维的点和线

三维图表中最基础的是使用(x, y, z)坐标定义的一根线或散点的集合。前面介绍过普通的二维图表，作为类比，使用ax.plot3D和ax.scatter3D函数可以创建三维折线和散点图。这两个函数的签名与二维的版本基本一致，你可以参考[简单折线图]和[简单散点图]来复习一下这部分的内容。下面我们绘制一个三维中的三角螺旋，在线的附近在绘制一些随机的点：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax = plt.axes(projection=<span style="color: rgb(166, 226, 46);line-height: 26px;">'3d'</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 三维螺旋线的数据</span><br  />zline = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">15</span>, <span style="line-height: 26px;">1000</span>)<br  />xline = np.sin(zline)<br  />yline = np.cos(zline)<br  />ax.plot3D(xline, yline, zline, <span style="color: rgb(166, 226, 46);line-height: 26px;">'gray'</span>)<br  /><br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 三维散点的数据</span><br  />zdata = <span style="line-height: 26px;">15</span> * np.random.random(<span style="line-height: 26px;">100</span>)<br  />xdata = np.sin(zdata) + <span style="line-height: 26px;">0.1</span> * np.random.randn(<span style="line-height: 26px;">100</span>)<br  />ydata = np.cos(zdata) + <span style="line-height: 26px;">0.1</span> * np.random.randn(<span style="line-height: 26px;">100</span>)<br  />ax.scatter3D(xdata, ydata, zdata, c=zdata, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'Greens'</span>);<br  /></section>

注意默认情况下，图中的散点会有透明度的区别，用于体现在图中散点的深度。虽然三维效果在静态图像中难以显示，你可以使用交互式的视图来获得更佳的三维直观效果。

三维轮廓图

类似于我们在[密度和轮廓图]中介绍的内容，mplot3d也包含着能够创建三维浮雕图像的工具。就像二维的ax.contour图表，ax.contour3D要求输入数据的格式是二维普通网格上计算得到的 Z 轴的数据值。下面我们展示一个三维的正弦函数轮廓图：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="line-height: 26px;"><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">def</span> <span style="color: rgb(166, 226, 46);font-weight: bold;line-height: 26px;">f</span><span style="line-height: 26px;">(x, y)</span>:</span><br  />    <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">return</span> np.sin(np.sqrt(x ** <span style="line-height: 26px;">2</span> + y ** <span style="line-height: 26px;">2</span>))<br  /><br  />x = np.linspace(<span style="line-height: 26px;">-6</span>, <span style="line-height: 26px;">6</span>, <span style="line-height: 26px;">30</span>)<br  />y = np.linspace(<span style="line-height: 26px;">-6</span>, <span style="line-height: 26px;">6</span>, <span style="line-height: 26px;">30</span>)<br  /><br  />X, Y = np.meshgrid(x, y)<br  />Z = f(X, Y)<br  /></section>

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig = plt.figure()<br  />ax = plt.axes(projection=<span style="color: rgb(166, 226, 46);line-height: 26px;">'3d'</span>)<br  />ax.contour3D(X, Y, Z, <span style="line-height: 26px;">50</span>, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'binary'</span>)<br  />ax.set_xlabel(<span style="color: rgb(166, 226, 46);line-height: 26px;">'x'</span>)<br  />ax.set_ylabel(<span style="color: rgb(166, 226, 46);line-height: 26px;">'y'</span>)<br  />ax.set_zlabel(<span style="color: rgb(166, 226, 46);line-height: 26px;">'z'</span>);<br  /></section>

有时候默认的视角角度不是最理想的，在这种情况下我们可以使用view_init函数来设置水平角和方位角。在下面的例子中，我们使用的是 60° 的水平角（即以 60° 俯视 x-y 平面）和 35° 的方位角（即将 z 轴逆时针旋转 35°）：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax.view_init(<span style="line-height: 26px;">60</span>, <span style="line-height: 26px;">35</span>)<br  />fig<br  /></section>

同样，注意到当使用 Matplotlib 交互式展示时，这样的旋转可以通过鼠标点击和拖拽来实现。

框线图和表面图

使用网格数据生成的三维图表还有框线图和表面图。这两种图表将网格数据投射到特定的三维表面，能够使得结果图像非常直观和具有说服力。下面是一个框线图的例子：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">fig = plt.figure()<br  />ax = plt.axes(projection=<span style="color: rgb(166, 226, 46);line-height: 26px;">'3d'</span>)<br  />ax.plot_wireframe(X, Y, Z, color=<span style="color: rgb(166, 226, 46);line-height: 26px;">'black'</span>)<br  />ax.set_title(<span style="color: rgb(166, 226, 46);line-height: 26px;">'wireframe'</span>);<br  /></section>

表面图类似框线图，区别在于每个框线构成的多边形都使用颜色进行了填充。添加色图用于填充多边形能够让图形表面展示出来：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax = plt.axes(projection=<span style="color: rgb(166, 226, 46);line-height: 26px;">'3d'</span>)<br  />ax.plot_surface(X, Y, Z, rstride=<span style="line-height: 26px;">1</span>, cstride=<span style="line-height: 26px;">1</span>,<br  />                cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'viridis'</span>, edgecolor=<span style="color: rgb(166, 226, 46);line-height: 26px;">'none'</span>)<br  />ax.set_title(<span style="color: rgb(166, 226, 46);line-height: 26px;">'surface'</span>);<br  /></section>

注意虽然每个颜色填充的表面都是二维的，但是表面的边缘不需要是直线构成的。下面的例子使用surface3D绘制了一个部分极坐标网格，能够让我们切入到函数内部观察效果：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">r = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">6</span>, <span style="line-height: 26px;">20</span>)<br  />theta = np.linspace(<span style="line-height: 26px;">-0.9</span> * np.pi, <span style="line-height: 26px;">0.8</span> * np.pi, <span style="line-height: 26px;">40</span>)<br  />r, theta = np.meshgrid(r, theta)<br  /><br  />X = r * np.sin(theta)<br  />Y = r * np.cos(theta)<br  />Z = f(X, Y)<br  /><br  />ax = plt.axes(projection=<span style="color: rgb(166, 226, 46);line-height: 26px;">'3d'</span>)<br  />ax.plot_surface(X, Y, Z, rstride=<span style="line-height: 26px;">1</span>, cstride=<span style="line-height: 26px;">1</span>,<br  />                cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'viridis'</span>, edgecolor=<span style="color: rgb(166, 226, 46);line-height: 26px;">'none'</span>);<br  /></section>

表面三角剖分

在一些应用场合中，上面的这种均匀网格绘制的图表方式太过于局限和不方便。在这些情况下，三角剖分的图表可以派上用场。如果我们并不是使用笛卡尔坐标系或极坐标系的网格来绘制三维图表，而是使用一组随机的点来绘制三维图表呢？

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">theta = <span style="line-height: 26px;">2</span> * np.pi * np.random.random(<span style="line-height: 26px;">1000</span>)<br  />r = <span style="line-height: 26px;">6</span> * np.random.random(<span style="line-height: 26px;">1000</span>)<br  />x = np.ravel(r * np.sin(theta))<br  />y = np.ravel(r * np.cos(theta))<br  />z = f(x, y)<br  /></section>

有了上面的数据之后，我们可以使用它们来绘制一张散点图表现出样本所在表面的情况：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax = plt.axes(projection=<span style="color: rgb(166, 226, 46);line-height: 26px;">'3d'</span>)<br  />ax.scatter(x, y, z, c=z, cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'viridis'</span>, linewidth=<span style="line-height: 26px;">0.5</span>);<br  /></section>

上图并未形象的表示出表面情况。这种情况下我们可以使用ax.plot_trisurf函数，它能首先根据我们的数据输入找到各点内在的三角函数形式，然后绘制表面（注意的是这里的 x，y，z 是一维的数组）：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">ax = plt.axes(projection=<span style="color: rgb(166, 226, 46);line-height: 26px;">'3d'</span>)<br  />ax.plot_trisurf(x, y, z,<br  />                cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'viridis'</span>, edgecolor=<span style="color: rgb(166, 226, 46);line-height: 26px;">'none'</span>);<br  /></section>

上图的结果很显然没有使用网格绘制表面图那么清晰，但是对于我们并不是使用函数构建数据样本（数据样本通常来自真实世界的采样）的情况下，这能提供很大的帮助。例如我们下面会看到，能使用这种方法绘制一条三维的莫比乌斯环。

例子：绘制莫比乌斯环

莫比乌斯环是使用一条纸条，一端翻折后与另一端粘起来形成的环形。在拓扑学中这是非常有趣的一个形状，因为它只有一个面。我们下面使用 Matplotlib 的三维工具绘制莫比乌斯环。创建莫比乌斯环的关键在于能参数化它：莫比乌斯环是一个二维的环状结构，因此我们需要两个特定的维度。一个我们称为，取值范围是表示整个环状，还有一个称为，取值范围是表示纸带的宽度：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">theta = np.linspace(<span style="line-height: 26px;">0</span>, <span style="line-height: 26px;">2</span> * np.pi, <span style="line-height: 26px;">30</span>)<br  />w = np.linspace(<span style="line-height: 26px;">-0.25</span>, <span style="line-height: 26px;">0.25</span>, <span style="line-height: 26px;">8</span>)<br  />w, theta = np.meshgrid(w, theta)<br  /></section>

有了这两个参数之后，我们需要确定莫比乌斯环上*(x, y, z)*坐标的位置。

仔细思考一下，我们会发现在莫比乌斯环上有两个自转发生：一个是纸带绕环形中央位置的旋转（我们称为），另一个纸带绕着中间轴线的旋转（我们称为）。纸带中央位置旋转一整圈时，纸带绕中间轴线旋转刚好半圈，我们将整个旋转均匀分布在纸带上时，就会有。

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;">phi = <span style="line-height: 26px;">0.5</span> * theta<br  /></section>

现在我们已经有了所有需要获得三维坐标值的参数了。我们定义为每个坐标点距离环形中间的位置，使用它来计算最终三维坐标系的坐标值：

y = np.ravel(r * np.sin(theta))z = np.ravel(w * np.sin(phi))

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># r是坐标点距离环形中心的距离值</span><br  />r = <span style="line-height: 26px;">1</span> + w * np.cos(phi)<br  /><span style="color: rgb(117, 113, 94);line-height: 26px;"># 利用简单的三角函数知识算得x，y，z坐标值</span><br  /><span style="white-space: pre-wrap;letter-spacing: 0.476px;">x = np.ravel(r * np.cos(theta))</span><br style="white-space: pre-wrap;letter-spacing: 0.476px;"  /><span style="white-space: pre-wrap;letter-spacing: 0.476px;">y = np.ravel(r * np.sin(theta))</span><br style="white-space: pre-wrap;letter-spacing: 0.476px;"  /><span style="white-space: pre-wrap;letter-spacing: 0.476px;">z = np.ravel(w * np.sin(phi))</span><br  /></section>

最后，为了绘制对象，我们必须保证三角剖分是正确的。实现这个最好的方法是在底层的参数上面实现三角剖分，最后让 Matplotlib 将这个三角剖分投射到三维空间中形成莫比乌斯环。下面的代码最终绘制图形：

<section style="margin: 5px 8px;padding: 15px 16px 16px;font-size: 12px;font-family: "Operator Mono", Consolas, Monaco, Menlo, monospace;overflow-x: auto;color: rgb(221, 221, 221);display: -webkit-box;background: rgb(39, 40, 34);border-radius: 5px;line-height: 1.5em;"><span style="color: rgb(117, 113, 94);line-height: 26px;"># 在底层参数的基础上进行三角剖分</span><br  /><span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">from</span> matplotlib.tri <span style="color: rgb(249, 38, 114);font-weight: bold;line-height: 26px;">import</span> Triangulation<br  />tri = Triangulation(np.ravel(w), np.ravel(theta))<br  /><br  />ax = plt.axes(projection=<span style="color: rgb(166, 226, 46);line-height: 26px;">'3d'</span>)<br  />ax.plot_trisurf(x, y, z, triangles=tri.triangles,<br  />                cmap=<span style="color: rgb(166, 226, 46);line-height: 26px;">'viridis'</span>, linewidths=<span style="line-height: 26px;">0.2</span>);<br  /><br  />ax.set_xlim(<span style="line-height: 26px;">-1</span>, <span style="line-height: 26px;">1</span>); ax.set_ylim(<span style="line-height: 26px;">-1</span>, <span style="line-height: 26px;">1</span>); ax.set_zlim(<span style="line-height: 26px;">-1</span>, <span style="line-height: 26px;">1</span>);<br  /></section>

结合这些技巧，能够为你提供在 Matplotlib 创建和展现大量三维对象和模式的能力。

参考资料

[1]PythonDataScienceHandbook:https://github.com/jakevdp/PythonDataScienceHandbook/tree/master/notebooks

[2]Pythons数据科学:https://github.com/wangyingsm/Python-Data-Science-Handbook/tree/master/notebooks

[3]颜色代码:https://www.w3schools.com/colors/colors_names.asp

[4]秒差距:https://zh.wikipedia.org/wiki/%E7%A7%92%E5%B7%AE%E8%B7%9D

[5]有趣讨论:http://Matplotlib.org/1.4.1/users/colormaps.html

[6]标注示:http://matplotlib.org/examples/pylab_examples/annotation_demo2.html

<section data-brushtype="text" style="padding-right: 0em;padding-left: 0em;white-space: normal;letter-spacing: 0.544px;color: rgb(62, 62, 62);font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;widows: 1;word-spacing: 2px;caret-color: rgb(255, 0, 0);text-align: center;"><strong style="color: rgb(0, 0, 0);font-family: -apple-system-font, system-ui, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;letter-spacing: 0.544px;"><span style="letter-spacing: 0.5px;font-size: 14px;"><strong style="font-size: 16px;letter-spacing: 0.544px;"><span style="letter-spacing: 0.5px;">—</span></strong>完<strong style="font-size: 16px;letter-spacing: 0.544px;"><span style="letter-spacing: 0.5px;font-size: 14px;"><strong style="font-size: 16px;letter-spacing: 0.544px;"><span style="letter-spacing: 0.5px;">—</span></strong></span></strong></span></strong></section><pre style="padding-right: 0em;padding-left: 0em;letter-spacing: 0.544px;color: rgb(62, 62, 62);widows: 1;word-spacing: 2px;caret-color: rgb(255, 0, 0);text-align: center;"><pre><section style="letter-spacing: 0.544px;white-space: normal;font-family: -apple-system-font, system-ui, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif;"><section powered-by="xiumi.us"><section style="margin-top: 15px;margin-bottom: 25px;opacity: 0.8;"><section><section style="letter-spacing: 0.544px;"><section powered-by="xiumi.us"><section style="margin-top: 15px;margin-bottom: 25px;opacity: 0.8;"><section><section style="margin-bottom: 15px;padding-right: 0em;padding-left: 0em;color: rgb(127, 127, 127);font-size: 12px;font-family: sans-serif;line-height: 25.5938px;letter-spacing: 3px;"><span style="color: rgb(0, 0, 0);"><strong><span style="font-size: 16px;font-family: 微软雅黑;caret-color: red;">为您推荐</span></strong></span></section><section style="margin-top: 5px;margin-bottom: 5px;padding-right: 0em;padding-left: 0em;min-height: 1em;font-family: sans-serif;letter-spacing: 0px;opacity: 0.8;line-height: normal;">一文了解深度推荐算法的演进</section><section style="margin-top: 5px;margin-bottom: 5px;padding-right: 0em;padding-left: 0em;min-height: 1em;font-family: sans-serif;letter-spacing: 0px;opacity: 0.8;line-height: normal;">干货 | 算法工程师超实用技术路线图</section><section style="margin-top: 5px;margin-bottom: 5px;padding-right: 0em;padding-left: 0em;min-height: 1em;font-family: sans-serif;letter-spacing: 0px;opacity: 0.8;line-height: normal;"><span style="font-size: 14px;">13个算法工程师必须掌握的PyTorch Tricks</span></section><section style="margin-top: 5px;margin-bottom: 5px;padding-right: 0em;padding-left: 0em;min-height: 1em;font-family: sans-serif;letter-spacing: 0px;opacity: 0.8;line-height: normal;"><span style="font-size: 14px;">吴恩达上新：生成对抗网络（GAN）专项课程</span><br  /></section><section style="margin-top: 5px;margin-bottom: 5px;padding-right: 0em;padding-left: 0em;min-height: 1em;font-family: sans-serif;letter-spacing: 0px;opacity: 0.8;line-height: normal;">拿到2021灰飞烟灭算法岗offer的大佬们是啥样的<span style="font-size: 14px;">?</span></section></section></section></section></section></section></section></section></section>

本篇文章来源于: 深度学习这件小事

本文为原创文章，版权归知行编程网所有，欢迎分享本文，转载请保留出处！

知行编程网关注：1 粉丝：1

这个人很懒，什么都没写

科研论文绘图实操干货汇总，11类Matplotlib图表，含代码

导读