折线图不显示-日期格式问题

时间:2020-04-08 16:52:46

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

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

我在视图文件中创建了一个日期列表,希望将其用作图表中的x轴数据。 我通过内置模板标签{{date}}在模板中显示了日期列表。当我检查HTML文件并查看标签内容时,列表中&#x27在列表中的每个date元素之前(请参见捕获)。

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]

1 个答案:

答案 0 :(得分: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>