Python 3.5 中使用 bokeh/flexx pyscript 的交互式浏览器绘图

Question

来自维护者的注意： pyscript 支持已被弃用，将在 Bokeh 2.0 中删除

---

---

我目前正在学习 Python，并尝试制作一个在浏览器上运行的交互式仪表板。我使用 Bokeh 进行可视化，使用 flexx/pyscript 进行回调交互。第一个目标是制作一个过滤数据集的按钮。我尝试在

上使用滑块示例

http://docs.bokeh.org/en/0.11.1/docs/user_guide/interaction.html

我对其进行了修改，只需单击一个按钮即可更改数据（实际过滤将是第 2 步）。

x = [1,2,3] # dummy data
y = [4,5,6] # dummy data

# output to static HTML file
# output_file("sample.html", title="sample")
source = ColumnDataSource(data=dict(x=x, y=y))
# create a new plot with a title and axis labels
plot = Figure(plot_width=400, plot_height=400)
plot.line('x', 'y', source=source, line_width=3, line_alpha=0.6)


def callback(source=source):
    data = source.get('data')
    f = cb_obj.get('value')
    x, y = data['x'], data['y']
    x = [0.9,0.8,0,7]
    y = [1,2,3]
    source.trigger('change')

button = Button(callback=CustomJS.from_py_func(callback))
button.on_click(source)

layout = vform(button, plot)

show(layout)

页面加载，我可以单击按钮，但未触发绘图的更改。您知道如何修改此代码，以便通过使用散景按钮事件处理程序触发和实际更改吗？我搜索了很多网站，但找不到一个很好的例子。

提前致谢！

Answer 1

您只需要实际更新数据源上的数据：

def callback(source=source):
    data = source.get('data')
    f = cb_obj.get('value')
    data['x'] = [0.9, 0.8, 0,7]
    data['y'] = [1,   2,   3  ]        
    source.trigger('change')

您的代码只需创建 new 变量 x 和 y，然后立即覆盖它们。这实际上并没有更新.data，这是需要发生的。