Chartjs annotations-plugin：我可以向同名的 x 轴标签添加多条垂直线吗？

问题描述

我有一个图表，x 轴由过去三天的小时数组成。因为是 3 天，所以每小时在 x 轴上出现 3 次。我想在每个 12:00 am 绘制垂直线，但我不确定如何区分第一个 12:00 am 与第二个和第三个。

annotation: {                  
      annotations: [{
            type: 'line',id: 'vLine',mode: 'vertical',display: true,scaleID: 'x-axis-0',value: '12:00am',borderWidth: 1,borderColor: 'gray',label: {
                    enabled: true,position: "center",content: 'day bar'
            }
    }]

}

Here is what the graph currently looks like

每次都需要一个唯一的标签，还是可以在不更改 x 轴标签的情况下区分 3 个相同的 x 轴时间？

解决方法

我找到了一个快速解决方案，但仍然想知道是否有更好的解决方案。

我只是在“12:00am”的第二次出现中添加了一个空格，然后在第三次出现中添加了两个空格。这样，它们在用户看来都是一样的，但 chartjs 可以区分它们。