将0值自动填充为未定义的xAxes
将0值自动填充为未定义的xAxes
提问于 2019-06-27 07:34:25
我得到了一系列数据，表示一天的下载量，但在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。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56782157
复制相关文章
相似问题