散景V1.1.0:RadioButtonGroup不适合widgetbox

问题描述 投票:0回答:1

下面这段代码在散景版1.0.4中效果很好,也就是说我的RadioButtonGroup很好地切成了几行,但它在版本1.1.0中不起作用:所有按钮都在同一行和外面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))

提前感谢您的帮助

bokeh
1个回答
0
投票

临时解决方法是使用散景服务器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

© www.soinside.com 2019 - 2024. All rights reserved.