Bokeh 如何在点击时获取Bokeh DataTable单元格内容

在本文中，我们将介绍如何使用Bokeh获取Bokeh DataTable单元格的内容。Bokeh是一个Python库，用于创建互动性和可视化的Web应用程序。它提供了丰富的工具和功能，用于数据分析和可视化，其中包括DataTable组件。

阅读更多：Bokeh 教程

Bokeh DataTable简介

Bokeh DataTable是一个用于显示和编辑具有结构化数据的表格组件。它可以在Web应用程序中以交互方式展示数据，并允许用户对表格中的数据进行排序、过滤和编辑。

使用Bokeh DataTable，我们可以创建一个带有列和行的表格，并在其中填充数据。每个单元格可以包含文本、数字、日期等类型的数据。

以下是一个简单的示例，展示了如何创建一个Bokeh DataTable并将数据填充到其中：

from bokeh.io import output_file, show
from bokeh.models import ColumnDataSource
from bokeh.layouts import gridplot
from bokeh.models.widgets import DataTable, DateFormatter, StringFormatter, NumberFormatter, StringEditor

output_file("data_table.html")

data = dict(
    name=["John", "Mary", "Adam"],
    age=[25, 30, 35],
    gender=["Male", "Female", "Male"]
)

source = ColumnDataSource(data)

columns = [
    TableColumn(field="name", title="Name", formatter=StringFormatter(font_style="italic")),
    TableColumn(field="age", title="Age", formatter=NumberFormatter(format="0")),
    TableColumn(field="gender", title="Gender", editor=StringEditor(completions=["Male", "Female"]))
]

data_table = DataTable(source=source, columns=columns, editable=True, index_position=-1, width=400, height=200)

show(data_table)

上述示例中，我们首先导入所需的Bokeh模块，然后创建一个数据字典data，包含了一些人的姓名、年龄和性别。然后，我们使用ColumnDataSource将数据字典传递给Bokeh DataTable的source属性。接下来，我们定义了三列TableColumn，分别对应姓名、年龄和性别。最后，我们创建了一个DataTable实例，并将其显示在Web应用程序中。

如何获取单元格内容

要在Bokeh DataTable上实现获取单元格内容的功能，我们可以使用on_change方法和on_menu_click方法来监听DataTable的事件。下面我们将展示两个示例：如何获取某一行和某一列的内容。

获取某一行的内容

在下面的示例中，我们将展示如何在点击某一行时获取该行的内容。首先，我们需要使用ColumnDataSource将数据传递给DataTable，并设置editable=False以禁用编辑。

然后，我们可以使用View对象上的on_change方法来监听selected属性的变化。当我们选择某一行时，selected.indices列表将包含被选择行的索引。我们可以使用这些索引从ColumnDataSource.data中获取对应行的数据。

from bokeh.models import View

view = View()

def on_change(attr, old, new):
    if "1d" in attr:
        selected_rows = source.data["name"][new]
        print(f"Selected row: {selected_rows}")

view.on_change("selected", on_change)

data_table.view = view

在上述示例代码中，我们首先创建了一个View对象，然后编写了一个on_change函数，用于处理当选择变化时的逻辑。如果选择的行发生变化，我们通过selected属性获取新的选择索引，然后使用source.data["name"]获取对应行的数据。最后，我们打印出所选行的内容。

获取某一列的内容

类似地，我们也可以获取DataTable中某一列的内容。在下面的示例中，我们将展示如何在点击某一列的标头时获取该列的内容。

首先，我们可以使用View对象上的on_menu_click方法来监听header_menu_active属性的变化。当我们点击某一列的标头时，header_menu_active属性的值将是被选中列的索引。

def on_menu_click(attr, old, new):
    if new:
        selected_column = columns[new[0]].field
        selected_column_data = source.data[selected_column]
        print(f"Selected column: {selected_column_data}")

view.on_menu_click("header_menu_active", on_menu_click)

data_table.view = view

在上述示例代码中，我们定义了一个on_menu_click函数，用于处理当列标头被点击时的逻辑。如果header_menu_active属性发生变化，并且新的值不为空列表，那么说明列标头被点击了。我们可以通过columns[new[0]].field获取被选中列的字段名，然后使用source.data[selected_column]获取对应列的数据。最后，我们打印出所选列的内容。

总结

本文介绍了如何使用Bokeh获取Bokeh DataTable单元格的内容。我们通过监听DataTable的事件，在点击时获取特定行或列的内容。这提供了一种交互方式，使用户能够在Web应用程序中对数据进行操作和分析。

Bokeh DataTable是一个强大而灵活的工具，可以用于处理和可视化大量的结构化数据。通过使用相应的事件监听方法，我们可以进一步扩展和定制DataTable的功能，以满足具体的应用需求。

Bokeh How to get Bokeh DataTable cell content on click?

In this article, we will introduce how to get the content of Bokeh DataTable cells on click. Bokeh is a Python library for creating interactive and visualization web applications. It provides rich tools and features for data analysis and visualization, including the DataTable component.

Introduction to Bokeh DataTable

Bokeh DataTable is a component for displaying and editing tabular data with structured data. It allows the data to be displayed interactively in a web application and allows users to sort, filter, and edit the data in the table.

With Bokeh DataTable, we can create a table with columns and rows and fill it with data. Each cell can contain text, numbers, dates, and other types of data.

Here is a simple example that shows how to create a Bokeh DataTable and fill it with data:

Ruby
require 'rubygems'
require 'bokeh'

Bokeh.output_file("data_table.html")

data = {
    name: ["John", "Mary", "Adam"],
    age: [25, 30, 35],
    gender: ["Male", "Female", "Male"]
}

source = Bokeh::ColumnDataSource.new(data)

columns = [
    Bokeh::TableColumn.new(field: "name", title: "Name", formatter: Bokeh::StringFormatter.new(font_style: "italic")),
    Bokeh::TableColumn.new(field: "age", title: "Age", formatter: Bokeh::NumberFormatter.new(format: "0")),
    Bokeh::TableColumn.new(field: "gender", title: "Gender", editor: Bokeh::StringEditor.new(completions: ["Male", "Female"]))
]

data_table = Bokeh::DataTable.new(source: source, columns: columns, editable: true, index_position: -1, width: 400, height: 200)

Bokeh.show(data_table)

In the above example, we first import the required Bokeh modules, then create a data hash containing人们的姓名、年龄和性别等信息。然后，我们使用Bokeh的ColumnDataSource将数据传递给Bokeh DataTable的source属性。接下来，我们定义了三个TableColumn，分别对应姓名、年龄和性别。最后，我们创建了一个DataTable实例，并将其显示在Web应用程序中。

如何获取单元格内容

获取某一行的内容

from bokeh.models import View

view = View()

def on_change(attr, old, new):
    if "1d" in attr:
        selected_row = data_table.selected.indices[0]
        selected_data = data_table.source.data[selected_row]
        print(f"Selected row: {selected_data}")

view.on_change("selected", on_change)

data_table.view = view

在上述示例代码中，我们首先创建了一个View对象，然后编写了一个on_change函数，用于处理当选择变化时的逻辑。如果选择的行发生变化，我们通过selected.indices[0]获取新的选择索引，然后使用data_table.source.data[selected_row]获取对应行的数据。最后，我们打印出所选行的内容。

获取某一列的内容

类似地，我们也可以获取DataTable中某一列的内容。在下面的示例中，我们将展示如何在点击某一列的标头时获取该列的内容。

首先，我们可以使用View对象上的on_menu_click方法来监听active属性的变化。当我们点击某一列的标头时，active属性的值将是被选中列的索引。

def on_menu_click(attr, old, new):
    if new:
        selected_column = data_table.columns[new[0]].field
        selected_column_data = data_table.source.data[selected_column]
        print(f"Selected column: {selected_column_data}")

view.on_menu_click("active", on_menu_click)

data_table.view = view

在上述示例代码中，我们定义了一个on_menu_click函数，用于处理当列标头被点击时的逻辑。如果active属性发生变化，并且新的值不为空列表，那么说明列标头被点击了。我们可以通过data_table.columns[new[0]].field获取被选中列的字段名，然后使用data_table.source.data[selected_column]获取对应列的数据。最后，我们打印出所选列的内容。