Line ChartJs 不会显示 - 日期格式问题答案

【问题标题】：Line ChartJs would not display - Date format issueLine ChartJs 不会显示 - 日期格式问题
【发布时间】：2020-04-08 16:52:46
【问题描述】：

我正在尝试使用 Django 和 ChartJs 绘制折线图。

我在视图文件中创建了一个日期列表，我想将其用作图表中的 x 轴数据。我通过内置模板标签 {{ date }} 在模板中呈现了我的日期列表。当我检查 HTML 文件并查看标签的内容时，列表中的每个日期元素之前都有 '（请参阅捕获）。

HTML inspection capture

我认为这就是图表无法显示的原因，但我无法弄清楚为什么我将其添加到我的列表中。你们有什么想法吗？

感谢您的帮助。

[from django.shortcuts import render
import yfinance as yf
import pandas as pd
from datetime import datetime as dt

def HomeView(request, *args, **kwargs):
    data = yf.download(tickers='SAF.PA')
    data\['Date'\] = data.index
    data\['Date'\] = data\['Date'\].dt.strftime("%Y-%m-%d")

    context = {
        "Date"  : data.Date\[0:5\].tolist(),
        "Close" : data.Close\[0:5\].tolist()
    }

    return render(request, "home.html", context)][1]

【问题讨论】：

标签： html django date django-templates chart.js

【解决方案1】：

我找到了解决我的列表问题的方法。代码如下：

<script>
var ctx = document.getElementById('myChart').getContext('2d');
var myChart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: [{% for Date in Date %}"{{ Date }}",{%endfor%}],
        datasets: [{
            label: 'SAFRAN',
            data: {{ Close }},
            borderColor: 'rgba(255, 99, 132, 1)',
        }]
    },
});
</script>

【讨论】：