使用MultiSelect小部件來隱藏和顯示散景中的線條

Question

我正在處理四組數據，每組數據都有幾個時間序列。我使用的背景虛化密謀所有的人都在一起，結果是這樣的：

multiline graph bokeh with widget

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") 
cadena=range(4) 
for i,comp in enumerate(cadena): 
    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 = 'price' 

callback = CustomJS("""Some Code""") 
multi_select = MultiSelect(title="Select:", value=cadena, 
         options=[(str(i), str(i)) for i in range(4)]) 
layout = row(p,widgetbox(multi_select)) 
show(layout) 

的問題是，它看起來真的很亂，所以我溫熱使用多選小工具來顯示/隱藏所有多線組（4）。我需要在創建multi_line時使用哪種代碼以及用於進行此交互的回調對象？

任何指導？

在此先感謝。剛添加

Answer 1

支持正是這樣做（使用多選小部件隱藏/顯示行）0.12.1版本在這個PR：https://github.com/bokeh/bokeh/pull/4868

這裏有一個例子（下面複製）：https://github.com/bokeh/bokeh/blob/master/examples/plotting/file/line_on_off.py

""" 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)