极客观点
项目管理
HarmonyOS
Chart.js 有错误吗？每次我将 Chart.js 中的任何图表添加到我的网站时都会出现错误，但是当我将该图表用作独立程序时，它可以顺利运行而没有错误。我正在使用 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>
已 解决：我只是将脚本与画布元素分离（为脚本创建了另一个文件以执行其功能）。
更新的 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 文件：
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);
原文由 iWantToLearn 发布，翻译遵循 CC BY-SA 4.0 许可协议
这是您的代码的有效jsfiddle：
new Chart(rice).Line(riceData);http://jsfiddle.net/mahmalsami/jqcthmyo/
所以问题肯定来自您的外部 Chart.min.js 包含
你可能会在你的 js get 上找到一个 404。请确保您链接到正确的 js 文件夹。 （尝试访问您的 localhost/Chart.min.js 以查看您是否可以访问您的文件）