javascript - 如何在 ChartJS 中跳过 x 轴标签
问题描述
我为这个主题找到的唯一东西是this ,但它并不能真正帮助解决问题。
如您所见,未在数据集中设置的值被截断。这是因为这段代码填充了所有内容undefined
:
let dataSet: any = {
label: user.userName,
backgroundColor: 'rgba(0, 0, 0, 0)',
borderColor: this.getRandomColor(),
data: new Array(this.chart.data.labels.length).fill(undefined)
}
之后,我用以下代码填写数据:
data.forEach((d)=>{
let tmpDate: Date = new Date(d.date * 1000)
let insertIndex: number = this.chart.data.labels.indexOf(this.getDateString(tmpDate))
dataSet.data.splice(insertIndex, 1, d.data) // d.data is a number
})
this.chart.data.datasets.push(dataSet)
this.chart.update()
我希望它跳过未定义的值并在图表上创建一条平滑线。
解决方案
spanGaps
文档中的选项应该是您正在寻找的。
推荐阅读
- r - Dplyr:将 2 变量汇总输出视为 2 x 2 矩阵
- c - 该分叉的进程树是什么?
- arrays - 如何在wordpress中编辑标题
- python - 类型错误:
() 接受 1 个位置参数,但在 simplefix get 方法中给出了 2 个 - sql - 评估移动由每个 ID 创建的最后 5 个订单
- angular - 以角度在多个选项卡之间共享会话存储
- jquery - jquery中的asp网格视图列单击事件
- java - 为什么堆转储的大小小于 JVM 消耗的大小?
- javascript - JS 搜索对象键和值
- android - includeBuild Gradle 插件导致错误:java.lang.ClassNotFoundException: com.android.build.gradle.AppExtension