如何在ChartJS中跳过x轴标签

Question

我为此主题发现的唯一东西是this ，但它并不能真正帮助解决问题。

因此，我有一个图表，其中填充了一些数据，如下所示：

如您所见，未在dataSet中设置的值被切除。这是因为此代码将所有内容填充为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()

我希望它跳过未定义的值，并在图表上创建一条平滑的线。

Answer 1

spanGaps文档中的选项应该是您要寻找的。