散景V1.1.0:小工具箱不适合RadioButtonGroup

时间:2019-04-17 15:47:46

标签: bokeh

以下代码在bokeh 1.0.4版中可以很好地工作,也就是说我的RadioButtonGroup可以很好地分成几行,但是在1.1.0版中却不起作用:所有Button都在同一行上在500宽度之外!!!

我尝试了各种大小调整模式,但对自动切成几行没有任何影响

from bokeh.models.widgets import RadioButtonGroup

output_file('ulk.html')

buttongroup = RadioButtonGroup(labels=["Option {:d}".format(i+1) for i in range(100)])

save(widgetbox(buttongroup,height=500,width=500))

预先感谢您的帮助

1 个答案:

答案 0 :(得分:0)

一种临时的解决方法是使用bokeh服务器directory-structure应用自定义样式,如下所示。使用bokeh serve --show myapp

运行代码

目录结构:

myapp
   |
   +---main.py
   +---templates
        +---index.html
        +---styles.css

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    {{ bokeh_css }}
    {{ bokeh_js }}
  </head>
  <body>
    {{ plot_div|indent(8) }}
    {{ plot_script|indent(8) }}
  </body>
</html>

styles.css

.bk .bk-btn-group 
{
    display: inline;
}

.bk .bk-btn 
{
    height: 25px;
    width:70px;
}

结果:

enter image description here