如何整合图表.js在Django？

Question

首先，我是Django的初学者图表.js. 我想做的是：我想显示一个饼图。我知道使用语法{content}}}a.html模板可以获得动态数据，但它不适用于我的piechart模板。在

我有：我已经为我的应用程序准备了一个.html模板的饼图。当我直接将数据编码到模板中时，它已经工作得非常好了。在

我的观点：

    def index(request):

    return render(
        request, 
        "mep/chart.html",
        {
            labels: ['F', 'M'],
            data: [52, 82],
            colors: ["#FF4136", "#0074D9"]
            }

        )

我的模板：

^{pr2}$

如你所见，我试图传递模板的数据视图.py但它不起作用。 当我直接在图表.html成功了

有什么解决办法吗？？？在

Answer 1

你的代码有一个错误，这可能是个问题。在“选项->标题->图表初始化中显示”中，用正确的disblay替换{}。如果这个修复不起作用，你能提供你的javascript控制台输出吗？在

Answer 2

你的代码有两个问题。首先，你需要纠正你的视图.py。在

您需要在您的context dictionary中使用strings作为keys，因此需要将其更改为：

def index(request):

    return render(
        request, 
        "base/chart.html",
        {
            'labels': ['F', 'M'],
            'data': [52, 82],
            'colors': ["#FF4136", "#0074D9"]
            }

        )

然后需要在django template中指定这些变量是safe来呈现：

^{pr2}$

Answer 3

我认为您需要通过迭代这些项来输出到html。例如，将labels: {{labels}},更改为

labels: [{% for label in labels %}{{ label }}{% endfor %}]