使用CustomJS将交互式切片添加到博克图

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

# 创建一个滑块控件
slider = Slider(start=0, end=10, value=5, step=0.1, title="切片参数")

# 创建一个图表
p = figure(plot_width=400, plot_height=400)
p.line(x=[1, 2, 3, 4, 5], y=[6, 7, 2, 4, 5], line_width=2)

# 定义CustomJS回调函数
callback = CustomJS(args=dict(source=p, slider=slider), code="""
    // 获取滑块的值
    var param = slider.value;

    // 获取图表的数据源
    var data = source.data;

    // 更新图表的数据
    var x = data['x'];
    var y = data['y'];
    for (var i = 0; i < x.length; i++) {
        y[i] = Math.pow(x[i], param);
    }

    // 通知图表数据已更新
    source.change.emit();
""")

# 将回调函数绑定到滑块的value属性上
slider.js_on_change('value', callback)

# 创建布局并显示图表和滑块
layout = column(slider, p)
show(layout)