Bokeh小部件 - 工作复选框组示例

2 回答

• 1

  我还没有能够使复选框工作，虽然如果功能即将推出我不会感到惊讶 . 在此期间，以下是使用多选小部件的变通方法：

  from bokeh.io import vform
  from bokeh.models import CustomJS, ColumnDataSource, MultiSelect
  from bokeh.plotting import figure, output_file, show
  import pandas as pd
  
  IBM = pd.read_csv(
          "http://ichart.yahoo.com/table.csv?s=IBM&a=0&b=1&c=2011&d=0&e=1&f=2016",
          parse_dates=['Date'])
  
  output_file("datetime.html")
  source = ColumnDataSource({'x': IBM['Date'], 'y1': IBM['Close'], \
  'y2': IBM['Adj Close'], 'y1p': IBM['Close'], 'y2p': IBM['Adj Close']})
  
  p = figure(width=500, height=250, x_axis_type="datetime")
  
  p.line('x', 'y1', source=source, color='navy', alpha=0.5)
  p.line('x', 'y2', source=source, color='red', alpha=0.5)
  
  callback = CustomJS(args=dict(source=source), code="""
          var data = source.get('data');
          var f = cb_obj.get('value')
          y1 = data['y1']
          y2 = data['y2']
          y1p = data['y1p']
          y2p = data['y2p']
          if (f == "line2") {
              for (i = 0; i < y1.length; i++) {
                  y1[i] = 'nan'
                  y2[i] = y2p[i]
              }
          } else if (f == "line1") {
              for (i = 0; i < y2.length; i++) {
                  y1[i] = y1p[i]
                  y2[i] = 'nan'
              }
          } else if (f == "none") {
              for (i = 0; i < y2.length; i++) {
                  y1[i] = 'nan'
                  y2[i] = 'nan'
              }
          } else {
              for (i = 0; i < y2.length; i++) {
                  y1[i] = y1p[i]
                  y2[i] = y2p[i]
              }
          }
          source.trigger('change');
      """)
  
  multi_select = MultiSelect(title="Lines to plot:", \
  value=["line1", "line2", "none"], \
  options=["line1", "line2", "none"], callback=callback)
  layout = vform(multi_select, p)
  show(layout)
  

  输出如下所示：
  

  回复于 2024-04-29T17:06:12+08:00
• 5

  这显然是一个迟到的回复，但我目前正在尝试学习python和bokeh来破解某种数据仪表板 . 我试图找出复选框是如何工作的，我偶然发现了你的问题 . 此解决方案仅适用于散景服务 . 我不知道如何使它在HTML输出中工作 .

  我只修改线路可见性而不是源 . 我还没试过，但我确信这些传说仍会显示出无形的线条

  为胶带代码道歉 .

  #-| bokeh serve
  #-|
  
  import pandas as pd
  from bokeh.io import curdoc,output_file, show
  from bokeh.layouts import row, widgetbox
  from bokeh.plotting import figure
  from bokeh.models import ColumnDataSource
  from bokeh.models.widgets import *
  
  #Widgets
  
  ticker = TextInput(title='Ticker Symbol',value='IBM')
  button=Button(label='Lookup',button_type='success')
  log = Paragraph(text="""log""",
  width=200, height=100)
  cb_group = CheckboxButtonGroup(labels=['Close', 'Adj Close'],active=[0,1])
  cb_group.labels.append('Placebo')
  
  #Plot
  
  p = figure(title='',width=500, height=250, x_axis_type='datetime')
  
  source = ColumnDataSource({'x': [], 'y1': [],'y2': []})
  
  lineClose=p.line('x','y1',source=source, color='navy', alpha=0.5)
  lineAdj=p.line('x','y2',source=source, color='red', alpha=0.5)
  
  lines=[lineClose,lineAdj]
  
  #Event handling
  
  def error(msg):
      log.text=msg
  
  def update_data():
      try:
          src='http://ichart.yahoo.com/table.csv?s={symb}&a=0&b=1&c=2011&d=0&e=1&f=2016'.format(symb=ticker.value)
          df=pd.read_csv(src,parse_dates=['Date'])
          source.data=({'x': df['Date'], 'y1': df['Close'],'y2': df['Adj Close']})
      except:
          error('Error ticker')
  
  def update_plot(new):
  
      switch=cb_group.active
      for x in range(0,len(lines)):
          if x in switch:
              lines[x].visible=True
          else:
              lines[x].visible=False
  
      error('<CheckboxButtonGroup>.active = '+str(switch))
  
  button.on_click(update_data)
  cb_group.on_click(update_plot)
  
  
  inputs=widgetbox(ticker,button,cb_group,log)
  
  curdoc().add_root(row(inputs,p,width=800))
  curdoc().title = 'Bokeh Checkbox Example'
  button.clicks=1
  

  我添加了'Placebo'复选框，看看我是否可以附加到复选框组而不是典型的方法，因此我确信有一种方法可以更优雅地动态添加复选框 .

  what it should look like

  回复于 2024-04-29T17:06:12+08:00