使用Bokeh为你的Python绘图添加交互性

发布时间：2025-11-05 05:28:24 来源：创站工坊 作者：域名

在 Bokeh 中绘图比其他一些绘图库要复杂一些，使用但付出额外的绘互性努力是有回报的。

在这一系列文章中，图添我通过在每个 Python 绘图库中制作相同的加交多条形绘图，来研究不同 Python 绘图库的使用特性。这次我重点介绍的绘互性是 Bokeh（读作 “BOE-kay”）。

Bokeh 中的图添绘图比其它一些绘图库要复杂一些，但付出的加交额外努力是有回报的。Bokeh 的使用设计既允许你在 Web 上创建自己的交互式绘图，又能让你详细控制交互性如何工作。绘互性我将通过给我在这个系列中一直使用的图添多条形图添加工具提示来展示这一点。它绘制了 1966 年到 2020 年之间英国选举结果的加交数据。

绘图的使用放大视图（©2019 年 Anvil）

制作多条形图

在我们继续之前，请注意你可能需要调整你的绘互性 Python 环境来让这段代码运行，包括以下：

数据可在线获得，可以用 Pandas 导入。

现在我们可以继续进行了。

为了做出多条形图，你需要对你的数据进行一下调整。

原始数据是这样的：

你可以把数据看成是每一个可能的 (year, party) 组合的一系列 seats 值。这正是 Bokeh 处理的方式。你需要做一个 (year, party) 元组的列表：

这些将是 x 值。y 值就是席位（seats）。

现在你的数据看起来应该像这样：

Bokeh 需要你将数据封装在它提供的一些对象中，这样它就能给你提供交互功能。将你的 x 和 y 数据结构封装在一个 ColumnDataSource 对象中。

然后构造一个 Figure 对象，并传入你用 FactorRange 对象封装的 x 数据。香港云服务器

你需要让 Bokeh 创建一个颜色表，这是一个特殊的 DataSpec 字典，它根据你给它的颜色映射生成。在这种情况下，颜色表是一个简单的党派名称和一个十六进制值之间的映射。

现在你可以创建条形图了：

Bokeh 图表上数据的可视化形式被称为“字形glyphs”，因此你已经创建了一组条形字形。

调整图表的细节，让它看起来像你想要的样子。

最后，告诉 Bokeh 你现在想看你的绘图：

这将绘图写入一个 HTML 文件，并在默认的 Web 浏览器中打开它。如下结果：

Bokeh 中的多条形绘图（©2019年Anvil）

它已经有了一些互动功能，比如盒子缩放。

Bokeh 内置的盒子缩放（©2019Anvil）

但 Bokeh 的厉害之处在于你可以添加自己的交互性。在下一节中，我们通过在条形图中添加工具提示来探索这个问题。

给条形图添加工具提示

要在条形图上添加工具提示，源码库你只需要创建一个 HoverTool 对象并将其添加到你的绘图中。

参数定义了哪些数据会显示在工具提示上。变量 @y 和 @x 是指你传入 ColumnDataSource 的变量。你还可以使用一些其他的值。例如，光标在图上的位置由 $x 和 $y 给出（与 @x 和 @y 没有关系）。

下面是结果：

选举图，现在带有工具提示（© 2019 Anvil）

借助 Bokeh 的 HTML 输出，将绘图嵌入到 Web 应用中时，你可以获得完整的交互体验。你可以在这里把这个例子复制为 Anvil 应用（注：Anvil 需要注册才能使用）。

现在，你可以看到付出额外努力在 Bokeh 中将所有数据封装在 ColumnDataSource 等对象的原因了。作为回报，你可以相对轻松地添加交互性。

回归简单：Altair

Bokeh 是四大最流行的绘图库之一，本系列将研究它们各自的特别之处。

我也在研究几个因其有趣的方法而脱颖而出的库。接下来，我将看看 Altair，它的声明式 API 意味着它可以做出非常复杂的绘图，而不会让你头疼。

相关文章