英文:

General way of iterating over a dictionary containing multiple mpld3 graph images in Django?

问题 {#heading}

我正在进行一个个人项目。其中的一部分是在网页上显示多个直方图。到目前为止，我已经能够使用以下代码使其工作：

views.py：

import pandas as pd
import matplotlib.pyplot as plt, mpld3
import scipy.stats as stats
import numpy as np

def histogram_plot(request):
    context = {}
    df = pd.read_csv(test_file)  # 使用pandas读取
    for column in df.columns:
        fig = plt.figure()
        plt.hist(df[column])
        histogram = mpld3.fig_to_html(fig)
        context[f"{column}Histogram"] = [histogram]

    return render(request, "base.html", context)

base.html：

{% for elem in context %}
   {{ context[elem]|safe }}
{% endfor %}

我在网页上看到了所有的直方图，但问题是所有的HTML代码都使用了字典中的硬编码键。

是否有一种通用的方式可以使用for循环来编写我在这个HTML代码中编写的内容，而不是硬编码字典中的键？如果有人能告诉我如何做到这一点，我将不胜感激。 英文:

I am working on a personal project. One part of this is to display multiple histograms on a webpage. So far, I have been able to get this to work using the following code:

views.py:

import pandas as pd
import matplotlib.pyplot as plt,mpld3
import scipy.stats as stats
import numpy as np

def histogram_plot(request):
context={}
df = pd.read_csv(test_file) #Read using pandas
for column in df.columns:
fig=plt.figure()
plt.hist(df\[column\])
histogram=mpld3.fig_to_html(fig)
context\[f\"{column}Histogram\"\]=\[histogram\]


    return render(request,"base.html",context)

base.html:

{% for elem in PregnanciesHistogram %}
   {{elem|safe}}
{% endfor %}
{% for elem in GlucoseHistogram %}
   {{elem|safe}}
{% endfor %}
{% for elem in BloodPressureHistogram %}
   {{elem|safe}}
{% endfor %}
{% for elem in SkinThicknessHistogram %}
   {{elem|safe}}
{% endfor %}
{% for elem in InsulinHistogram %}
   {{elem|safe}}
{% endfor %}
{% for elem in BMIHistogram %}
   {{elem|safe}}
{% endfor %}
{% for elem in DiabetesPedigreeFunctionHistogram %}
   {{elem|safe}}
{% endfor %}
{% for elem in AgeHistogram %}
   {{elem|safe}}
{% endfor %}

I do see all the histograms on my webpage, but the problem is that all of the HTML code uses hardcoded keys in the dictionary.

Is there a general way of writing what I wrote in this HTML code, using a for loop, without hardcoding the keys from the dictionary? I would appreciate it if someone could tell me how to do that.

答案1 {#1}

得分: 1

尝试这个：

def histogram_plot(request):
    context = {}
    df = pd.read_csv(test_file) # 使用pandas读取
    hist_list = []
    for column in df.columns:
        fig = plt.figure()
        plt.hist(df[column])
        histogram = mpld3.fig_to_html(fig)
        hist_list.append([histogram])
    context["hist_list"] = hist_list
    
    return render(request, "base.html", context)

{% for histogram in hist_list %}
   {% for elem in histogram %}
       {{  elem|safe  }}
   {% endfor %}
{% endfor %}

这只是将所有的直方图附加到一个列表中，然后在您的模板中对它们进行循环。 英文:

Try this:

def histogram_plot(request):
    context={}
    df = pd.read_csv(test_file) #Read using pandas
    hist_list = []
    for column in df.columns:
                fig=plt.figure()
                plt.hist(df[column])
                histogram=mpld3.fig_to_html(fig)
                hist_list.append([histogram])
    context["hist_list"] = hist_list
    
    return render(request,"base.html",context)

{% for histogram in hist_list %}
   {% for elem in histogram %}
       {{  elem|safe  }}
   {% endfor %}
{% endfor %}

This simply appends all your histograms to a list and then loops over them in your template.