我尝试建立一个带有图表的网页。对于图表，我使用Chartjs。硬编码数据对于Chartjs图表来说没有问题。但是如果我尝试传递动态数据，图表就不会呈现。
标签和结果输出为46（ Dataframe 为46行，1列）

视图.py

def results(request):
    return render(request, 'results.html')
def result(request):
    if request.method == 'POST':
        form = UploadFileForm(request.POST, request.FILES)
        if form.is_valid():
                data = request.FILES['file']
                # handle_uploaded_file(data)
                data = pd.read_csv(data,header=0, sep=',')
                df = data.values
                df2 = pd.DataFrame(df.reshape(-1,len(data.columns)))
                x = getPredictions(df2)
                x = np.array(x)
                result = x.reshape(-1,1).round()
                df = pd.DataFrame(data=result, columns=['output'])
                labels = len(df)
                # result = list(result)
                return render(request, 'results.html', {'result': result, 'labels': labels})
    else:
        form = UploadFileForm()
    return render(request, 'index.html', {'form': form})

html页面

{% extends "base.html" %}
{% block content %}
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.9.3/dist/Chart.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/0.2.0/Chart.min.js" type="text/javascript"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<div class="content">
            <div class="row">
                <div class="col-sm-8">
                      <div class="card card-tasks">
                            <h4>Chart.</h4>
                            <canvas id="line-chart" width="500" height="350"></canvas>
                              <script>
                                new Chart(document.getElementById("line-chart"), {
                                  type: 'line',
                                  data: {
                                    labels: {labels|safe},
                                    datasets: [{
                                        data: {result|safe},
                                        label: "output chart",
                                        borderColor: "#3e95cd",
                                        fill: false
                                      }
                                    ]
                                  },
                                  options: {
                                    title: {
                                      display: true,
                                      text: 'output chart'
                                    }
                                  }
                                });
                              </script>
                      </div>
                </div>
            </div>
</div>
{% endblock content %}