Python 使用MultiSelect小部件在bokeh中隐藏和显示行

Python 使用MultiSelect小部件在bokeh中隐藏和显示行,python,python-2.7,widget,bokeh,Python,Python 2.7,Widget,Bokeh,我正在处理四组数据,每个数据都有几个时间序列。我使用bokeh将它们全部绘制在一起,结果如下所示: 问题是它看起来非常混乱,所以我想使用multiselect小部件来显示/隐藏所有多行组(4)。如何将multiselect小部件与多行打印一起使用 提前感谢。在本PR的0.12.1版中刚刚添加了对该操作的支持(使用MultiSelect小部件隐藏/显示行): 这里有一个例子(复制如下): 侦听器的实现存在问题,您可以自己尝试原始代码,并检查框中是否隐藏了必须隐藏的行,这可能是js和chrome的

我正在处理四组数据,每个数据都有几个时间序列。我使用bokeh将它们全部绘制在一起,结果如下所示:

问题是它看起来非常混乱,所以我想使用multiselect小部件来显示/隐藏所有多行组(4)。如何将multiselect小部件与
多行打印一起使用


提前感谢。

在本PR的0.12.1版中刚刚添加了对该操作的支持(使用MultiSelect小部件隐藏/显示行):

这里有一个例子(复制如下):


侦听器的实现存在问题,您可以自己尝试原始代码,并检查框中是否隐藏了必须隐藏的行,这可能是js和chrome的交叉排列问题。如果您将所有句子´(checkbox.active中的1)´更改为´checkbox.active.includes(1)´将完成此任务。即使如此,答案还是非常有用的。
复选框.active.includes
导致
SCRIPT438:对象不支持属性或方法“includes”文件:IE11上的函数代码(1),第3行,第5列,我同意@pablo-a他的评论。这不会隐藏正确的行,只会隐藏选定的前n行,因此如果选择第0行和第2行,则会显示第0行和第1行(前2行),我对javascript了解不够,但这可能是由于在
中签入数组的键而不是值造成的吗?这确实是问题所在。不要在checkbox.active中测试
0
您应该测试
checkbox.active.indexOf(0)>-1
from bokeh.plotting import figure, output_file, show
from bokeh.palettes import RdYlGn4
from bokeh.models import CustomJS, ColumnDataSource, MultiSelect
from bokeh.layouts import row, widgetbox

output_file("graph.html")
p = figure(plot_width=1000, plot_height=400, x_axis_type="datetime", title="title")
cdn = range(4)
for i,comp in enumerate(cdn):
    ts=[t for t in data_plu_price.columns if int(t) in df.T[df.C==comp].values]
    n_lines=len(data[ts].columns) 
    p.multi_line(xs=[data[ts].index.values]*n_lines, ys=[data[t].values for t in ts],line_color=RdYlGn4[i], legend=str(i))
p.title.align = "center"
p.title.text_font_size = "20px"
p.xaxis.axis_label = 'date'
p.yaxis.axis_label = 'val'

callback = CustomJS("""Some Code""")
multi_select = MultiSelect(title="Select:", value=cdn,
                       options=[(str(i), str(i)) for i in range(4)])
layout = row(p,widgetbox(multi_select))
show(layout)
""" Example demonstrating turning lines on and off - with JS only

"""

import numpy as np

from bokeh.io import output_file, show
from bokeh.layouts import row
from bokeh.palettes import Viridis3
from bokeh.plotting import figure
from bokeh.models import CheckboxGroup, CustomJS

output_file("line_on_off.html", title="line_on_off.py example")

code = """
    if (0 in checkbox.active) {
        l0.visible = true
    } else {
        l0.visible = false
    }
    if (1 in checkbox.active) {
        l1.visible = true
    } else {
        l1.visible = false
    }
    if (2 in checkbox.active) {
        l2.visible = true
    } else {
        l2.visible = false
    }
"""

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="Line 0", **props)
l1 = p.line(x, 4 * np.cos(x), color=Viridis3[1], legend="Line 1", **props)
l2 = p.line(x, np.tan(x), color=Viridis3[2], legend="Line 2", **props)

callback = CustomJS(code=code, args={})
checkbox = CheckboxGroup(labels=["Line 0", "Line 1", "Line 2"], active=[0, 1, 2], callback=callback, width=100)
callback.args = dict(l0=l0, l1=l1, l2=l2, checkbox=checkbox)

layout = row(checkbox, p)
show(layout)