Bokeh 如何刷新 Bokeh 文档

在本文中，我们将介绍如何使用 Bokeh 刷新 Bokeh 文档，以使其能够显示最新的数据和图形。Bokeh 是一个用于创建互动式数据可视化的 Python 库，可以用于生成漂亮而灵活的图形，使数据更加直观和易于理解。

阅读更多：Bokeh 教程

Bokeh 文档概述

Bokeh 文档是由多个可视化组件组成的集合。这些组件可以是数据可视化的图表、图形、工具栏以及其他交互元素。当我们创建一个 Bokeh 文档时，它将包含用于显示和操作这些组件的代码。但是，这些文档一旦创建，就不会自动更新其内容。因此，我们需要采取一些措施来刷新文档以显示最新的数据。

1. 使用 Bokeh Server 刷新 Bokeh 文档

Bokeh 提供了一个强大的工具，即 Bokeh Server，用于在 web 浏览器中呈现和刷新 Bokeh 文档。通过在 Bokeh Server 中运行文档，我们可以实时更新和交互式操控文档的内容。下面是一个使用 Bokeh Server 刷新 Bokeh 文档的示例代码：

from bokeh.io import curdoc
from bokeh.models import ColumnDataSource
from bokeh.plotting import figure

# 创建数据源
source = ColumnDataSource(data=dict(x=[1, 2, 3], y=[4, 5, 6]))

# 创建图表
plot = figure()
plot.circle('x', 'y', source=source)

# 更新数据源
def update_data():
    # 获取最新的数据
    new_data = dict(x=[4, 5, 6], y=[7, 8, 9])
    source.data = new_data

# 定义刷新回调函数
def refresh():
    update_data()

# 将刷新回调函数与文档绑定
curdoc().add_periodic_callback(refresh, 1000) # 每秒钟刷新一次

以上代码中，我们首先创建了一个数据源 ColumnDataSource，然后创建了一个图表 figure，并使用数据源中的数据绘制了一个圆点图。接着，我们定义了一个名为 update_data 的函数，用于更新数据源中的数据。最后，我们使用 curdoc().add_periodic_callback 方法将 refresh 函数与文档绑定，并设置刷新时间间隔。

当我们运行上述代码并通过 Bokeh Server 在浏览器中打开它时，图表将每秒钟刷新一次，显示最新的数据。这样，我们就实现了在 Bokeh Server 中刷新 Bokeh 文档的效果。

2. 使用 CustomJS 刷新 Bokeh 文档

除了使用 Bokeh Server，我们还可以使用 Bokeh 的 CustomJS 工具来刷新 Bokeh 文档。CustomJS 是 Bokeh 中的一个 JavaScript 工具，它可以将 JavaScript 代码嵌入到 Bokeh 文档中。下面是一个使用 CustomJS 刷新 Bokeh 文档的示例代码：

from bokeh.models import ColumnDataSource, CustomJS
from bokeh.plotting import figure, show
from bokeh.layouts import column

# 创建数据源
source = ColumnDataSource(data=dict(x=[1, 2, 3], y=[4, 5, 6]))

# 创建图表
plot = figure()
plot.circle('x', 'y', source=source)

# 更新数据源的回调函数
update_data = CustomJS(args=dict(source=source), code="""
    source.data = {x: [4, 5, 6], y: [7, 8, 9]};
""")

# 刷新图表的按钮
refresh_button = Button(label="刷新", button_type="default")
refresh_button.js_on_click(update_data)

# 显示图表和按钮
show(column(plot, refresh_button))

以上代码中，我们首先创建了一个数据源 ColumnDataSource，然后创建了一个图表 figure，并使用数据源中的数据绘制了一个圆点图。接下来，我们使用 CustomJS 创建了一个名为 update_data 的回调函数，该函数会在点击按钮时更新数据源中的数据。最后，我们创建了一个按钮，并通过 js_on_click 方法将回调函数与按钮关联起来。

当我们运行上述代码并在浏览器中打开图表时，我们可以通过点击按钮来刷新图表，显示最新的数据。这样，我们就实现了使用 CustomJS 刷新 Bokeh 文档的效果。

总结

在本文中，我们介绍了两种方法来刷新 Bokeh 文档，分别是使用 Bokeh Server 和使用 CustomJS。使用 Bokeh Server 可以在 web 浏览器中实时更新和交互式操控文档的内容，而使用 CustomJS 则可以通过 JavaScript 代码来刷新文档。根据具体需求，我们可以选择适合的方法来刷新 Bokeh 文档，以显示最新的数据和图形。 Bokeh 为我们提供了强大而灵活的工具，使数据可视化变得更加简单和便捷。希望本文对你有所帮助！