Question

我希望显示存储在列表中的多个Plotly图。我已经成功创建了图并将它们存储在列表中。但是我在渲染这些图时遇到了问题。

我知道地块已正确存储，因为我已将每个地块从列表中拉出进行测试。

views.py

graphone = new_group_plots[0]
graphtwo = new_group_plots[1]
...
graphnine = new_group_plots[8]
graphten = new_group_plots[9]

然后显示它们。

plots.html

<div id="graphone">
        <script>
            var graphs = {{graphone | safe}};
            Plotly.plot('graphone',graphs,{});
        </script>
</div>
...
<div id="graphten">
        <script>
            var graphs = {{graphten | safe}};
            Plotly.plot('graphten',graphs,{});
        </script>
</div>

这使我相信我遇到的问题与我的烧瓶代码有关。

我已经尝试了几件事。

{% for plot in new_group_plots %}

    {{ plot }}

{% endfor %}

我没想到这一点能奏效，因为什么都没有告诉烧瓶渲染图。但是我尝试过看看会发生什么。这将显示字典，其中包含将用于构建绘图的所有信息。

这是我尝试过的其他东西。

{% for plot in new_group_plots %}
    <div id="plot">
        <script>
            var graphs = {{plot | safe}};
            Plotly.plot('plot',graphs,{});
        </script>
    </div>
{% endfor %}

尝试此操作时无显示。

我已经尝试了最后一件事。在创建每个图时，“ map”是在将图添加到列表之前存储图的变量。

{% for plot in new_group_plots %}
    <div id="map">
        <script>
            var graphs = {{map | safe}};
            Plotly.plot('map',graphs,{});
        </script>
    </div>
{% endfor %}

执行此操作时，仅显示最终图。

我不知道如何在它们仍在列表中时显示所有十个图。任何帮助将不胜感激。

如何使用烧瓶渲染绘图图列表

0 个答案: