2

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

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

使用这种方法，可以在此处找到结果页面的布局。菜单栏彼此太近。我有两个问题：

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

提前谢谢了。

4

2 回答 2

1

您可以将每个都Dropdown放入 a VBoxalready 并指定widthand height。例如。：

from bokeh.models.widgets import Dropdown, VBox

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)

# put them into boxes and specify their width/height
dropdown_box = VBox(dorpdown, width=100, height=50)
dropdown2_box = VBox(dorpdown2, width=100, height=50)

menu_bar = HBox(children = [dropdown_box, dropdown2_box])
于 2015-12-15T15:40:33.507 回答
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;
}
于 2015-11-17T16:39:54.703 回答