我正在使用Bokeh CustomJS过滤器,并且对打开和关闭图元素感兴趣,并且我使用的是line_on_off.py示例,而未对代码进行任何更改。当我在Jupyter笔记本中绘制此图形时,我遇到一个问题:无论我先关闭哪个复选框,最后一行(黄色切线图)始终会先关闭。例如,如果我先关闭“ Line 0”按钮,则最后一行消失,与先关闭“ Line 1”和“ Line 2”按钮相同。此外,关闭任何第二个复选框始终会关闭“线1”图(第二个图)。
无论实际单击哪个复选框按钮,代码似乎总是切换最后一个可见的渲染图。我已经在Bokeh的CustomJS上进行了大量阅读,并且在这里遇到了使用相同示例的用户的多个问题,似乎没有我遇到的问题。示例中是否存在错误,或者我没有正确利用js代码?
我在用:
任何帮助表示赞赏,谢谢!
在Jupyter笔记本上进行的实验中,我能够重现您描述的行为。通过对JavaScript部分进行一些小的更改,该示例可以完美运行。
我换0 in checkbox.active
到checkbox.active.includes(0)
与同为1和2。我的猜测是,第一个寻找的指数,而不是价值,但我不是一个JavaScript专家。
这是完整的工作示例。
import numpy as np
from bokeh.io import output_notebook, show
from bokeh.layouts import row
from bokeh.models import CheckboxGroup, CustomJS
from bokeh.palettes import Viridis3
from bokeh.plotting import figure
output_notebook()
p = figure()
props = dict(line_width=4, line_alpha=0.7)
x = np.linspace(0, 4 * np.pi, 100)
l0 = p.line(x, np.sin(x), color=Viridis3[0], legend_label="Line 0", **props)
l1 = p.line(x, 4 * np.cos(x), color=Viridis3[1], legend_label="Line 1", **props)
l2 = p.line(x, np.tan(x), color=Viridis3[2], legend_label="Line 2", **props)
checkbox = CheckboxGroup(labels=["Line 0", "Line 1", "Line 2"],
active=[0, 1, 2], width=100)
callback = CustomJS(args=dict(l0=l0, l1=l1, l2=l2, checkbox=checkbox), code="""
console.log(checkbox.active)
l0.visible = checkbox.active.includes(0);
l1.visible = checkbox.active.includes(1);
l2.visible = checkbox.active.includes(2);
""")
checkbox.js_on_change('active', callback)
layout = row(checkbox, p)
show(layout)
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句