Javascript 如何在图表JS中添加新的x轴?

Javascript 如何在图表JS中添加新的x轴?,javascript,chart.js,Javascript,Chart.js,我需要添加额外的x轴标签(不影响图形)。目前我在x轴上有时间样本,我想要一些固定的数字列表(其长度也是固定的,可以不同于时间样本的数量)将显示在当前X轴标签的正下方。如何在不影响图形的情况下实现此操作?您可以定义一个额外的X轴,该X轴主要包含afterBuildTicks函数,如下所示: { afterBuildTicks: scale => scale.ticks = ['A', 'B', 'C', 'D'], gridLines: { drawOnChartAr

我需要添加额外的x轴标签(不影响图形)。目前我在x轴上有时间样本,我想要一些固定的数字列表(其长度也是固定的,可以不同于时间样本的数量)将显示在当前X轴标签的正下方。如何在不影响图形的情况下实现此操作?

您可以定义一个额外的X轴,该X轴主要包含
afterBuildTicks
函数,如下所示:

 {
   afterBuildTicks: scale => scale.ticks = ['A', 'B', 'C', 'D'],
   gridLines: {
     drawOnChartArea: false
   }
 }
请查看下面的可运行代码段,并了解其工作原理

const data=[];
让date=date.parse('2020-01-01');
对于(让day=1;day scale.ticks=['A','B','C','D'],
网格线:{
drawOnChartArea:假
}
}
],
雅克斯:[{
滴答声:{
贝吉纳泽罗:是的,
步长:1
}
}]
}
}
});