带有交互式散景图的Python Flask App

Question

我有一个Flask应用程序,其中我的绘图是使用Bokeh在控制器python代码中使用以下命令创建的:

p = figure(tools = TOOLS, x_axis_label ...)
p.line(....)
script, div = components(p)

我使用以下命令将"script"和"div"元素传递给我的HTML页面:

render_template(.html, script = script, div =div)

我想在我的情节顶部添加一个交互式滑块.基于Bokeh网站,以下命令,我应该能够做到这一点.

slider = Slider(start=0, end=10, value=1, step=.1, title="Stuff")

所以我的第一个问题是,如何将滑块信息放到组件函数中以生成正确的"script"和"div"元素,我可以将它传递给我的HTML文件？

我的第二个问题是:在滑块上有一个值,如何将其发回给我的控制器以更新我的图并将新的"div"和"script"元素发送到HTML文件以更新我的图？

如果您能解释实现此解决方案的必要步骤,我真的很感激.

Answer 1

查找以下第一个问题的答案：

p.line(.....)
slider1 = Slider(start=0, end = 100, value = y[j] / bth, step = 1, title = "Mag")
slider2 = Slider(start=0, end = 100, value = y1[j] / bth, step = 1, title = "test")
script, div = components({"p": p, "slider1":vform(slider1), "slider2":vform(slider2)})