小编B. *_*mit的帖子

Chart.js v3.x x 轴上的时间序列

所以我基本上是在拉扯我的头发,因为我无法让它连续工作几个小时。

我正在尝试制作一个(我假设是简单的)折线图,其中 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

6
推荐指数
1
解决办法
3559
查看次数

标签 统计

chart.js ×1