我得到了一系列数据,表示一天的下载量,但在chart.js上,如果我跳过一天,yAxes不会自动将跳过的一天填充为0,而是跳过xAxes,而不显示任何数据。
下面是一个数组labels: [ 'Wed Jun 26 2019', 'Tue Jun 25 2019', 'Mon Jun 24 2019', 'Sun Jun 23 2019', // Skipped a day here 'Fri Jun 21 2019', 'Wed Jun 12 2019', 'Mon Jun 10 2019', 'Fri Jun 07 2019' ]
values: [5, 2, 1, 4, 3, 5, 1, 4]
的示例
this.chart = new Chart(this.$refs.chart, {
type: 'line',
data: {
labels: labels,
datasets: [
{
data: values
}
]
},
options: {
scales: {
xAxes: [
{
type: 'time',
distribution: 'linear',
time: {
displayFormats: {
hour: 'MMM DD'
},
min: new Date().getTime() - 86400000 * 7, // Displaying data from last 7 days
max: new Date().getTime()
},
ticks: {
maxTicksLimit: 6,
fontFamily: 'Quicksand'
}
}
],
yAxes: [
{
ticks: {
maxTicksLimit: 4,
fontFamily: 'Quicksand'
}
}
]
}
}
})
下面是我的chart.js输出:
如您所见,6月22日和6月27日被跳过,而不是自动填充为0。
https://stackoverflow.com/questions/56782157
复制相似问题