Ipyvuetify和matplotlib.pyplot显示顺序

Question

我试图显示一组ipyvuetify select小部件，它们可以触发函数并绘制图形。虽然我能够让它像我预期的那样工作，但我似乎不能将pyplot图放在选择的小部件下面。

city_select=v.Select(
prepend_icon='mdi-home-city',
style_='width: 300px',
v_model='e7',
items=['Bo Town','Kenema City'],
label='City Name',
chips=True    
)
hospital_select=v.Select(
prepend_icon='mdi-hospital-box',
style_='width: 300px',
items=['Lion Heart Hospital','Kindoya Hospital','Port Loko Government Hospital','Holy Spirit Catholic Hosp'],
label='Hospital Name (1)',
multiple=True,
chips=True
) 
hospital_EEZ_select=v.Select(
prepend_icon='mdi-hospital-box',
style_='width: 300px',
items=['Lion Heart Hospital','Kindoya Hospital','Port Loko Government Hospital','Holy Spirit Catholic Hosp'],
label='Hospital Name (2)',
multiple=True,
chips=True
)

select_show=v.Html(tag='div', class_='d-flex flex-row', children=[
v.Html(tag='div', class_='d-flex flex-column', children=[
    #v.Html(tag='h3', children=['Country Map']),
    v.Chip(class_='ma-2',
          color='success',
          outlined=True,
          children=['Country Map']),
    city_select,
]),
v.Html(tag='div', class_='d-flex flex-column', children=[
    v.Chip(class_='ma-2',
          color='deep-purple accent-4',
          outlined=True,
          children=['City Map']),
    hospital_select
]),
v.Html(tag='div', class_='d-flex flex-column', children=[
    v.Chip(class_='ma-2',
          color='indigo darken-3',
          outlined=True,
          children=['Maritime']),
    hospital_EEZ_select
]),
])
fig,ax=pp.subplots(figsize=(8,8))
v.Container(children=[select_show])

我考虑将pyplot图形放入输出小部件中，然后将此小部件放入select_show中。但是，我在ipyvuetify中找不到任何与ipywidgets中的输出小部件等效的小部件。

有没有更简单的解决方案？

Answer 1

我解决这个问题的方法是将图形放入输出小部件中，然后使用ipywidgets中的GirdspecLayout显示所有内容。

Answer 2

对于任何登陆这里寻找答案的人：

在ipywidget中，您可以在您的widget的DOMWidgets特征中使用string，ro list of ipywidget(这意味着其他widget)。

要显示图表，有两种解决方案：

在ipywidgets的输出微件中，

• 使用bqplot (这是一个交互式的输出图

在您的示例中，它将类似于：

from ipywidgets import Output
from matplotlib import pyplot as plt

city_select=v.Select() # whatever arguments    
hospital_select=v.Select() # whatever arguments 
hospital_EEZ_select=v.Select() # whatever arguments

plot = Output()
with plot as out:
    fig,ax = plt.subplots(figsize=(8,8))
    plt.show()

app = v.Layout(
    row = True,
    children = [city_select, hospital_select, hospital_EEZ_select, plot]
)

display(app)

请记住，当您更改参数时，pyplot不会自动实现。为此，我希望使用此tutorial中所示的bqplot