Chart.js 如何减少 xAxes 的标签

Question

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

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

Answer 1

我认为你应该在 X 轴上实现 ticks.callback 选项。

见文件：https://www.chartjs.org/docs/latest/axes/labelling.html#creating-custom-tick-formats

在回调中，您可以实现所需的逻辑（如上所述）。

从回调中返回 undefined 或空字符串，不绘制标签。