所以我基本上是在拉扯我的头发,因为我无法让它连续工作几个小时。
我正在尝试制作一个(我假设是简单的)折线图,其中 x 轴为一天中的时间(以小时为单位),y 轴为视图数。到目前为止,我正在尝试将 x 轴范围设置为 -24 小时。
我的代码如下。我究竟做错了什么?
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.3/Chart.bundle.min.js"></script>
<div style="width: 500px; height: 500px;"><canvas id="myChart" width="400" height="400"></canvas></div>
<script>
var ctx = document.getElementById('myChart');
var myChart = new Chart(ctx, {
type: 'line',
data: {
labels: [],
datasets: [{
label: '# of Votes',
data: [{x:'1619701200',y:41},{x:'1619704800',y:9},{x:'1619708400',y:21}]
}]
},
options: {
scales: {
x: {
type: 'time',
min: Date.now() - (24 * 60 * 60 * 1000),
max: Date.now()
}
}
}
});
</script>
Run Code Online (Sandbox Code Playgroud)
编辑:问题是 x 轴没有延伸到 now() 之前的 24 …
chart.js ×1