gpt4 book ai didi

javascript - Chart.js 不显示任何图表

转载 作者:行者123 更新时间:2023-11-30 09:40:19 25 4
gpt4 key购买 nike

我的以下代码没有显示任何图表,我不确定我做错了什么。它加载了 Chart.bundle.js,我也尝试了 Chart.js

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="../src/Chart.bundle.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.js"></script>
</head>
<body>
<div style="width: 75%">
<canvas id="canvas"></canvas>
</div>
<script>
var chartData = {
graphName : 'daily-visitors',
ctx : document.getElementById('canvas').getContext('2d'),
chart : {
labels: ["19\/12","20\/12","21\/12","22\/12","23\/12","24\/12","25\/12","26\/12","27\/12","28\/12","29\/12","30\/12","31\/12","01\/01","02\/01"],
datasets: [
{
label: 'Visitors',
data: [4,6,9,6,16,3,13,11,6,4,7,14,11,18,5],
fillColor: "rgba(151,187,205,0.2)",
strokeColor: "rgba(151,187,205,1)",
pointColor: "rgba(151,187,205,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
},
{
label: 'Pageviews',
data: [42,34,64,53,48,4,36,36,25,9,12,25,110,227,75],
fillColor: "rgba(220,220,220,0.2)",
strokeColor: "rgba(220,220,220,1)",
pointColor: "rgba(220,220,220,1)",
pointStrokeColor: "#fff",
pointHighlightFill: "#fff",
pointHighlightStroke: "rgba(220,220,220,1)",
}]
}
};
</script>
</body>
</html>

最佳答案

您只是定义了对象的外观,却忘记了创建它本身。

关于javascript - Chart.js 不显示任何图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41422713/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com