在选项卡布局中添加多个绘图布局[Bokeh]

Question

目标: 拥有2个选项卡，每个选项卡有两列。第一列将包含8个图表(即8行)，第二列将包含16个表格(即16行)。这些图表和表格是通过for循环获得的。

问题: 如何组合图表和表格的布局并将它们放入选项卡中。

代码:

data_table_past = DataTable(source=source, columns=columns, width=900, height=100, selectable=False, editable=False, fit_columns=True)
data_table_future = DataTable(source=source, columns=columns, width=900, height=100, selectable=True, editable=False, fit_columns=True)

plots_layout = column()
tables_layout = column()

for col in col_names:
    p = figure(plot_width=700, plot_height=300, x_axis_type="datetime", toolbar_location='right')
    p.line(x=data_df["datetime"], y=data_df[col], line_width=2.5, legend=col)
    plots_layout.children.append(p)
    tables_layout.children.append(data_table_past)
    tables_layout.children.append(data_table_future)

 # Create tabs
tab1_layout = layout()
tab1_layout = tab1_layout.children.append(row(plots_layout,tables_layout)) 
tab1 = Panel(child=tab1_layout, title='Tab1')
tab2 = Panel(child=tab1_layout, title='Tab2')
tabs = Tabs(tabs=[tab1, tab2], height=500)
curdoc().add_root(tabs)

问题： 看起来tab1_layout不起作用。您有任何想法如何将“plots_layout”和“tables_layout”组合在一起，以便在一个选项卡中有两列多行吗？

谢谢！

- isabella

Answer 1

我找到了解决方案并分享给大家，以防有人遇到相同的问题。

tab1_layout = layout([[plots_layout, tables_layout]])
tab2_layout = layout([[plots_layout, tables_layout]])

# Create Tabs
tab1 = Panel(child=tab1_layout, title='Tab1')
tab2 = Panel(child=tab2_layout, title='Tab2')
# Put the Panels in a Tabs object 
tabs = Tabs(tabs=[per_type, per_family], height=500)  
curdoc().add_root(tabs)

- isabella