Chart.js如何减少xAxis的标签

gz5pxeao  于 2023-02-16  发布在  Chart.js
关注(0)|答案(1)|浏览(133)

我是新Chart.js,所以我有一些问题。我想制作一个小时信息的图表类型栏。但是当我想显示一周、一个月和一个很长的时间段的信息时,我试图减少xAxes的标签。在一周中,我有168个小时,我想只显示00:00的那一天,为此我在其他时间上放了空字符串,但在图表上我看到“未定义”,并没有显示所有的天。在照片中,只有10个小时的信息,其余值为0。

当它应该是一个月或6个月时,问题会变得更大(我只想显示一周的第一天。我将制定逻辑来减少标签,但设置什么
在图表xAxis标签中不显示“未定义”。

b5lpy0ml

b5lpy0ml1#

我认为您应该在X轴中实现ticks.callback选项。
参见文档:https://www.chartjs.org/docs/latest/axes/labelling.html#creating-custom-tick-formats
在回调中,您可以实现所需的逻辑(如上所述)。
回调返回undefined或空字符串,则不绘制标签。

相关问题