python - 使用 VBox 的 Bokeh 小部件间距和对齐

Question

我一直在绘图中使用 Bokeh，现在需要向绘图添加菜单以显示不同的输出。菜单是使用 Bokeh page 上的示例创建的。

from bokeh.models.widgets import Dropdown
from bokeh.io import output_file, show, vform
menu = [("Item 1", "item_1"), ("Item 2", "item_2"), None, ("Item 3","item_3")]
dropdown = Dropdown(label="Dropdown button", type="warning", menu=menu)
dropdown2 = Dropdown(label="Dropdown button2", type="warning", menu=menu)

然后我将这些菜单放入 HBox 中:

menu_bar = HBox(children = [dropdown, dropdown2])

通过这种方法，可以找到结果页面的布局 here 。菜单栏彼此距离太近。我有两个问题:

• 1) 如何确保菜单之间有一些空间？
• 2) 如何更改对象的对齐方式？例如，是否可以让小部件在框的右侧而不是左侧对齐？

提前非常感谢。

Answer 1

覆盖我对你的问题所说的CSS 1)我添加了margin-right: 40px;

.bk-bs-btn-group, .bk-bs-btn-group-vertical {
    display: inline-block;
    margin-right: 40px;
    position: relative;
    vertical-align: middle;
}