如何获取Chart.js的图表实例

Question

我使用Python/Django和默认的Django模板.我有这个头(这个位置的其他django静态文件工作正常):

<script type="text/javascript" src="{% static "js/Chart.min.js" %}"></script>

当然,我将Chart.min.js从主Chart.js中提取下载到静态js目录中.

在我的身体里,我有:

<div class="graph">
    <canvas id="dgraph" width="600" height="400"></canvas>              
</div>

我身体也有:

<script type="text/javascript" src="{% static "js/stuff.js" %}"></script>

在stuff.js我有:

    var data = [
    {
        value: 20,
        color:"#878BB6"
    },
    {
        value : 40,
        color : "#4ACAB4"
    },
    {
        value : 10,
        color : "#FF8153"
    },
    {
        value : 30,
        color : "#FFEA88"
    }
];

//获取我们要选择的canvas元素的上下文

var ctx = document.getElementById("dgraph").getContext("2d");
new Chart(ctx).Doughnut(data, {});

但是,当我尝试在浏览器中显示它时(Chrome会发生这种情况),我在控制台中看到了这一点:

Uncaught ReferenceError: Chart is not defined

图表对象从何而来？这似乎是非常基础的,我觉得好像我已经遵循了google和stackoverflow上的所有可用指令.请帮忙!

Answer 1

该对象在Chart.min.jsChart中定义。看起来该脚本没有被加载。

我认为您在标题中的标签中缺少围绕属性值的引号src-尝试：<script>

<script type="text/javascript" src="{% static 'js/Chart.min.js' %}"></script>