Bokeh交互式绘图:如何从滑块对两个(或更多)值求和/相乘。以显示电流、电压或声波等示例

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

plot = figure(title="示例数据", x_axis_label="X轴", y_axis_label="Y轴")

slider1 = Slider(title="滑块1", start=0, end=10, step=0.1, value=5)
slider2 = Slider(title="滑块2", start=0, end=10, step=0.1, value=5)

callback = CustomJS(args=dict(source=source, slider1=slider1, slider2=slider2), code="""
    const data = source.data;
    const x = data['x'];
    const y = data['y'];
    const value1 = slider1.value;
    const value2 = slider2.value;
    
    // 更新y值为两个滑块值的和/乘积
    for (let i = 0; i < x.length; i++) {
        y[i] = x[i] * value1 + x[i] * value2;  // 这里可以根据需求修改计算方式
    }
    
    source.change.emit();
""")

slider1.js_on_change('value', callback)
slider2.js_on_change('value', callback)

x = [1, 2, 3, 4, 5]
y = [1, 2, 3, 4, 5]

plot.line(x, y, legend_label="示例数据", line_width=2)

source = ColumnDataSource(data=dict(x=x, y=y))

layout = column(slider1, slider2, plot)

show(layout)