Плагин аннотаций Chartjs: Могу ли я добавить несколько вертикальных линий к меткам оси X с одинаковыми именами?

Question

У меня есть график chartjs с осью x, состоящей из часов за последние три дня. Поскольку это 3 дня, каждый час появляется на оси x 3 раза. Я хочу рисовать вертикальные линии в каждое 12:00, но я не уверен, как отличить первое 12:00 от второго и третьего.

      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'
            }
    }]

}

Вот как сейчас выглядит график

Будет ли каждый раз нуждаться в уникальной метке, или можно различать 3 одинаковых времени по оси X, не меняя их метки по оси X?

Answer 1

Я нашел быстрое решение, но мне все еще интересно, есть ли лучшее решение.

Я просто добавил пробел ко второму появлению «12:00», а затем добавил 2 пробела к третьему появлению. Таким образом, все они выглядят одинаково для пользователя, но диаграммы могут различать их.