chart.js之时间序列跳过天

问题描述 投票:0回答:1

我有一个很简单的条形图,其中每个数据点由一个日期(天)和一个数的。也许唯一的特长是,并非每一个日期被覆盖(即一些日子没有数据点)。

当图形绘制,只有那些天中示出具有与其相关联的数据点。所有其他的日子只是省略。因此,x轴不是均匀分布的,并跳过值。

Faulty graph

我怎样才能确保X轴是真正的线性的,并且不留下任何日子呢?

PS:这是我的图是如何定义的:

chartData.datasets[0].data.push( {t: new Date('2019-02-01'), y: value});
// And so on...

var chart = new Chart(ctx, {
        type: 'bar',
        data: chartData,
        options: {
            annotation: {
                annotations: []
            },
            legend: {
                display: false
             },
            scales: {
                xAxes: [{
                    type: 'time',
                    unitStepSize: 1,
                    distribution: 'series',
                    time: {
                        unit: 'day'
                    },
                }]
            }
        }
    });
javascript chart.js chartjs-2.6.0
1个回答
0
投票

我有一个类似的问题一次,这对我来说是第一次实例化填充有0阵列工作的解决方案(我的阵列五个工作日中保存的数据,所以我创建大小为5的阵列,填充有0。然后,后来在代码中的数组如果某一天的数据存在被覆盖,否则有值为0)。

我想这可能会为你工作,如果你传递的数据是已知大小的,所以你可以事先创建,并以0填充。

请记住,这可能不是最好的解决办法

© www.soinside.com 2019 - 2024. All rights reserved.