javascript - 如何获取 Chart.js 的 Chart 实例

Question

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

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

自然地，我从主 Chart.js 下载中提取了 Chart.min.js 到静态 js 目录中。

我的 body 里有:

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

我的 body 里还有:

<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

Chart对象到底是从哪里获得的？它似乎非常基础，我觉得我已经遵循了谷歌和 stackoverflow 上的每条说明。请帮忙!

Answer 1

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

我认为您缺少围绕 src 值的引号<script> 中的属性 header 中的标记 - 尝试:

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