散景:为Widgets传递变量给CustomJS

Bokeh: pass vars to CustomJS for Widgets

本文关键字：变量 CustomJS Widgets 散景      更新时间：2023-09-26

Bokeh的一个优点是可以从Python层指定回调函数，从而在javascript级别上执行操作，而不需要Bokeh -server。因此，您可以创建在浏览器中运行的交互式小部件，而无需运行Ipython或Bokeh服务器。

0.9.3。文档给出了一个示例，我可以在python笔记本中复制:http://docs.bokeh.org/en/latest/docs/user_guide/interaction.html cutomjs-for-widgets 

from bokeh.io import vform
from bokeh.models import CustomJS, ColumnDataSource, Slider
from bokeh.plotting import figure, output_file, show
output_file("callback.html")
x = [x*0.005 for x in range(0, 200)]
y = x
source = ColumnDataSource(data=dict(x=x, y=y))
plot = figure(plot_width=400, plot_height=400)
plot.line('x', 'y', source=source, line_width=3, line_alpha=0.6)
callback = CustomJS(args=dict(source=source), code="""
        var data = source.get('data');
        var f = cb_obj.get('value')
        x = data['x']
        y = data['y']
        for (i = 0; i < x.length; i++) {
            y[i] = Math.pow(x[i], f)
        }
        source.trigger('change');
    """)
slider = Slider(start=0.1, end=4, value=1, step=.1, title="power", callback=callback)
layout = vform(slider, plot)
show(layout)

我想适应这样的代码来创建一些简单的在线作业。我的问题是如何将其他变量从python直接传递到javascript而不调用Slider。例如，假设我想让Javascript变成:

y[i] = Math.pow(x[i], A*f)

，其中A是在上面的python代码单元中定义的(例如A = 10)。在javascript中定义'var A = 10'很容易，但我想在python中设置A和其他变量的值，然后将它们传递到这个javascript中。有办法吗?

从Bokeh 0.9.3开始，你只能传递"Bokeh Models"(例如数据源和渲染器)，而不是任意的python对象。但是我们正在用一个简单的名称空间概念来扩展散景文档，这个概念可以很容易地镜像。

相关文章：