我有一个很简单的条形图,其中每个数据点由一个日期(天)和一个数的。也许唯一的特长是,并非每一个日期被覆盖(即一些日子没有数据点)。
当图形绘制,只有那些天中示出具有与其相关联的数据点。所有其他的日子只是省略。因此,x轴不是均匀分布的,并跳过值。
我怎样才能确保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'
},
}]
}
}
});
我有一个类似的问题一次,这对我来说是第一次实例化填充有0阵列工作的解决方案(我的阵列五个工作日中保存的数据,所以我创建大小为5的阵列,填充有0。然后,后来在代码中的数组如果某一天的数据存在被覆盖,否则有值为0)。
我想这可能会为你工作,如果你传递的数据是已知大小的,所以你可以事先创建,并以0填充。
请记住,这可能不是最好的解决办法