Bokeh从CustomJS获取值(更改数据源中的值)

Bokeh是一个用于数据可视化的Python库，它提供了丰富的绘图工具和交互功能。在Bokeh中，可以使用CustomJS回调函数从前端获取值并更改数据源中的值。

CustomJS是Bokeh中的一个回调函数类型，它允许在前端页面上执行自定义的JavaScript代码。通过CustomJS回调函数，可以实现与用户交互并动态更新数据。

要从CustomJS回调函数中获取值并更改数据源中的值，可以按照以下步骤进行操作：

创建一个数据源（DataSource）对象，例如ColumnDataSource，用于存储数据。可以使用ColumnDataSource.from_df()方法从Pandas DataFrame创建数据源。
在绘图时，将数据源传递给绘图函数，例如bokeh.plotting.figure()。
创建一个CustomJS回调函数，通过args参数将数据源传递给回调函数。例如，可以使用args={'source': source}将数据源传递给回调函数。
在CustomJS回调函数中，可以使用source.data获取数据源中的数据。例如，可以使用source.data['column_name']获取数据源中某一列的数据。
在CustomJS回调函数中，可以根据需要修改数据源中的值。例如，可以使用source.data['column_name'] = new_values更改数据源中某一列的值。

下面是一个示例代码，演示了如何从CustomJS回调函数获取值并更改数据源中的值：

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

# 创建一个数据源
data = {'x': [1, 2, 3, 4, 5], 'y': [6, 7, 8, 9, 10]}
df = pd.DataFrame(data)
source = ColumnDataSource.from_df(df)

# 创建绘图对象
p = figure(plot_width=400, plot_height=400)
p.circle('x', 'y', source=source, size=10)

# 创建CustomJS回调函数
callback = CustomJS(args={'source': source}, code="""
    // 从数据源中获取值
    var x_values = source.data['x'];
    var y_values = source.data['y'];
    
    // 修改数据源中的值
    for (var i = 0; i < x_values.length; i++) {
        y_values[i] = x_values[i] * 2;
    }
    
    // 通知数据源更新
    source.change.emit();
""")

# 将回调函数绑定到绘图对象上
p.js_on_event('tap', callback)

# 显示绘图
show(column(p))

在上述示例中，我们创建了一个包含x和y列的数据源，并使用ColumnDataSource将其传递给绘图对象。然后，我们创建了一个CustomJS回调函数，通过args参数将数据源传递给回调函数。在回调函数中，我们从数据源中获取x和y的值，并将y的值修改为x的两倍。最后，我们将回调函数绑定到绘图对象上，并显示绘图。

这是一个简单的示例，演示了如何从CustomJS回调函数获取值并更改数据源中的值。根据具体的需求，可以根据Bokeh的文档和示例进行更复杂的操作和定制化。