python plotly 弹出子图,使用Flask和Python从Plotly获取单独的图形

我试图在一个由flask提供的网页上展示精心制作的图表。在

现在的设置方式是，它们都显示在同一个页面上，一个在另一个页面上。我想在不同的页面上分别展示它们。在

我找到的解决方案可以绘出所有的图形，但我不知道如何获得单独的图形

我的烧瓶/Pythongraphs = [

dict(

data=[thetaGraph, deltaGraph, alphaGraph, betaGraph,gammaGraph ],

layout=dict(

title='Brain Data'

)

),

dict(

data=[xGraph,yGraph,zGraph],

layout=dict(

title='Accelerometer Data'

)

),

]

ids = ['graph-{}'.format(i) for i, _ in enumerate(graphs)]

graphJSON = json.dumps(graphs, cls=plotly.utils.PlotlyJSONEncoder)

return render_template('index.html', title='Home',ids=ids, graphJSON=graphJSON)

然后是网页

^{pr2}$

我不确定如何在html中只获取第一个图形，然后在页面的其他位置获取第二个图形。我尝试使用{% for id in range(0,1) %}来获取第一个元素，或者仅仅把

但我得到'ids' in undefined

当打印出ids时，我得到了['graph-0', 'graph-1']，这意味着这是一个列表，我应该能够索引它，但显然这与烧瓶无关。我确信有一些奇怪的方式，烧瓶需要它，类似于它从二维数组读取的方式