Переместить элементы Holoviews Charts в макете ниже элемента hv.Div, содержащего заголовок - PullRequest
1 голос
/ 16 января 2020

У меня есть элемент hv.Div, содержащий текст, относящийся к заголовку отчета, над которым я работаю. Когда я объединяю свои элементы диаграммы holoview вместе с элементом hv.Div, я не могу показывать pu sh элементы диаграммы ниже элемента hv.div. Кто-нибудь знает как это сделать? Я пробовал несколько перестановок, используя hv.Layout и .cols (n), но я не могу показать sh диаграммы под заголовком.

Пример кода ниже:

import pandas as pd
import numpy as np
import matplotlib.pyplot as plt
import matplotlib
import holoviews as hv
from holoviews import opts
import panel as pn
hv.extension('bokeh', 'matplotlib')
pd.options.plotting.backend = 'holoviews'

# create some sample data
df1 = pd.DataFrame({
'x': np.random.rand(10), 
'y': np.random.rand(10),
})

df2 = pd.DataFrame({
'x': np.random.rand(10) * 10, 
'y': np.random.rand(10) * 10,
})

# set axiswise=True so that every plot gets its own independent x- and y-axis    
plot1 = hv.Scatter(df1).opts(axiswise=True)
plot2 = hv.Scatter(df2).opts(axiswise=True)

#layout
Div = hv.Div('<div style=\"color:black;background-color:#88FF88;text-align:left;font-size:20px">Overall Title</div>')
my_plot = Div + plot1 + plot2
my_plot

Спасибо!

1 Ответ

2 голосов
/ 16 января 2020

Поскольку вы уже импортируете Panel, я рекомендую использовать для этого макеты Panel:

Div = pn.pane.HTML('<div style=\"color:black;background-color:#88FF88;text-align:left;font-size:20px">Overall Title</div>', height=20)
pn.Column(Div, plot1 + plot2)

enter image description here

...