[英]Chart.js runs in JSFiddle but not local “Chart is not defined”
我開始開發我的第一個網站。 當我嘗試在Brackets中實現chart.js時,我在Firefox控制台中始終會收到“ ReferenceError:“未定義圖表”。如果在JSFiddle中復制它,它會起作用。感謝您的幫助!
<head>
</head>
<body>
<script src="js/jquery.js"></script>`
<script scr="Chart.min.js"> </script> `
<canvas id="canvas" width="400" height="400"></canvas>
<script>
var data = {
labels : ["January","February","March","April","May","June","July"],
datasets : [
{
fillColor : "rgba(220,220,220,0.5)",
strokeColor : "rgba(220,220,220,1)",
data : [65,59,90,81,56,55,40]
},
{
fillColor : "rgba(151,187,205,0.5)",
strokeColor : "rgba(151,187,205,1)",
data : [28,48,40,19,96,27,100]
}
]
}
var ctx = $("#canvas")[0].getContext("2d");
var TestChart = new Chart(ctx).Bar(data);
new Chart(ctx).Bar(data);
</script>
</body>
您的代碼中有錯別字:
<script scr="Chart.min.js"></script>
應該:
<script src="Chart.min.js"></script>
嘗試像這樣更改代碼:
<html> <head> <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.14.1/moment.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"> </script> </head> <body> ` <canvas id="canvas" width="400" height="400"></canvas> <script> var data = { labels: ["January", "February", "March", "April", "May", "June", "July"], datasets: [{ fillColor: "rgba(220,220,220,0.5)", strokeColor: "rgba(220,220,220,1)", data: [65, 59, 90, 81, 56, 55, 40] }, { fillColor: "rgba(151,187,205,0.5)", strokeColor: "rgba(151,187,205,1)", data: [28, 48, 40, 19, 96, 27, 100] }] } var ctx = $("#canvas")[0].getContext("2d"); var TestChart = new Chart(ctx).Bar(data); new Chart(ctx).Bar(data); </script> </body> </html>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.