滑块移动时更改DataFrame行的Bokeh CustomJS回调

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

data = {'x': [1, 2, 3, 4, 5], 'y': [2, 4, 6, 8, 10]}
df = pd.DataFrame(data)

source = ColumnDataSource(df)

slider = Slider(start=0, end=len(df)-1, value=0, step=1, title="Row Index")

callback = CustomJS(args=dict(source=source, slider=slider), code="""
    const data = source.data;
    const index = slider.value;
    const x = data['x'];
    const y = data['y'];
    
    // 根据滑块的值更改DataFrame的行数据
    for (let i = 0; i < x.length; i++) {
        x[i] = x[i] + index;
        y[i] = y[i] + index;
    }
    
    // 更新ColumnDataSource的数据
    source.change.emit();
""")

6. 将滑块的回调函数与滑块对象绑定。

```python
slider.js_on_change('value', callback)

p = figure(plot_width=400, plot_height=400)
p.circle('x', 'y', source=source)

layout = row(slider, p)
show(layout)