ReferenceError:未定义图表 - chartjs [英] ReferenceError: Chart is not defined - chartjs
问题描述
Chart.js有错误吗?每次我将Chart.js中的任何图形添加到我的网站时,我都会收到错误,但是当我将图形用作独立程序时,它运行顺畅而没有错误。我使用的是HTML5。
Is there a bug with Chart.js? Every time I add any of the graphs at Chart.js to my website I get an error, but when I used the graph as stand-alone program it runs smoothly without errors. I am using HTML5.
<html>
<head>
<meta charset="utf-8" />
<title>Rice Consumption</title>
<script src='Chart.min.js'></script>
</head>
<body>
<canvas id="rice" width="600" height="400"></canvas>
<script>
var riceData = {
labels : ["January","February","March","April","May","June"],
datasets :
[
{
fillColor : "rgba(172,194,132,0.4)",
strokeColor : "#ACC26D",
pointColor : "#fff",
pointStrokeColor : "#9DB86D",
data : [203000,15600,99000,25100,30500,24700]
}
]
}
var rice = document.getElementById('rice').getContext('2d');
new Chart(rice).Line(riceData);
</script>
</body>
</html>
已解决:我只是将脚本与canvas元素分离(另一个脚本执行其功能的文件。)
SOLVED: I just decoupled the script from the canvas element (made another file for the script to execute its function).
更新HTML:
<html>
<head>
<meta charset="utf-8" />
<title>Rice Consumption</title>
<script src='Chart.min.js'></script>
</head>
<body>
<canvas id="rice" width="600" height="400"></canvas>
<script src='Chart.min.js'></script>
<script src='rice.js'></script>
</body>
</html>
新的JavaScript文件:
New JavaScript file:
var riceData = {
labels : ["January","February","March","April","May","June"],
datasets : [
{
fillColor : "rgba(172,194,132,0.4)",
strokeColor : "#ACC26D",
pointColor : "#fff",
pointStrokeColor : "#9DB86D",
data : [203000,15600,99000,25100,30500,24700]
}
]
}
var rice = document.getElementById('rice').getContext('2d');
new Chart(rice).Line(riceData);
推荐答案
这是你的代码的工作方式:
新图表(米)。线(riceData);
http://jsfiddle.net/mahmalsami/jqcthmyo/
所以问题肯定来自你的外部Chart.min.js包含
您可以在js上找到404。请确保您链接到正确的js文件夹。 (尝试访问localhost / Chart.min.js以查看是否可以访问您的文件)
here is a workding jsfiddle of your code:
new Chart(rice).Line(riceData);
http://jsfiddle.net/mahmalsami/jqcthmyo/
So the problem is definitively coming from your external Chart.min.js inclusion
You may find a 404 on your js get. Please make sure you're linking to the correct js folder. (try accessing your localhost/Chart.min.js to see if you can access to your file)
这篇关于ReferenceError:未定义图表 - chartjs的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!