Bokeh убирает вертикальные пробелы между виджетами div - PullRequest
Новая
       9

Bokeh убирает вертикальные пробелы между виджетами div

0 голосов
/ 15 февраля 2019

Я пытаюсь использовать виджеты div в боке в качестве боковой панели для моих данных.Я хочу, чтобы они располагались друг над другом без пробелов между ними.

Вот мой упрощенный код: 

from bokeh.models.widgets import Div
from bokeh.layouts import column
from bokeh.io import show

benchmarktitle= Div(text="Benchmark", width=150, height=50,
style={'background-color':'#072A49', 'color':'white','font-family': 'Helvetica, arial, sans-serif', 'border':'0'})

selectedtitle= Div(text="Selected",  width=150, height=50, 
style={'background-color':'#072A49', 'color':'white','font-family': 'Helvetica, arial, sans-serif', 'border':'0'})

layout= column(children = [benchmarktitle,selectedtitle], sizing_mode="scale_height")

show (layout)

РЕЗУЛЬТАТ:

enter image description here

Как я могу устранить пробел между двумя элементами?Я пытался отрегулировать высоту и установить высоту линии на ноль, но ни один не помог.Я пробовал разные макеты, такие как gridplot и row, и все разные режимы определения размеров, но пробел сохраняется.

Я новичок в этом вопросе, поэтому любая помощь или руководство будут высоко оценены.

1 Ответ

0 голосов
/ 15 февраля 2019

Если вам не нужно, чтобы они были в отдельных объектах Div bokeh, вы можете определить все HTML, которые вы хотите, в одном тексте Div: 

from bokeh.models.widgets import Div
from bokeh.layouts import column
from bokeh.io import show

div_text = """
<div style="background-color:#072A49;width:150px;height:50px;color:white;border:0;font-family':Helvetica,arial,sans-serif">Benchmark</div>
<div style="background-color:#072A49;width:150px;height:50px;color:white;border:0;font-family':Helvetica,arial,sans-serif">Selected</div>
"""

div = Div(text=div_text)


show(div)
...