Можно ли поместить "Бар" в центр вертикальной линии сетки в Chart.js?

Question

Мой текущий проект должен показывать такую ​​графическую диаграмму.

В большинстве случаев элемент Bar находится в середине 2 вертикальных линий сетки, но в моем случае он должен находиться в центре 1 вертикальной линии сетки.

Я искалпримеры кодов и документов API, но я не смог найти решение для своего случая.

Можно ли нарисовать диаграмму такого типа с помощью Chart.js?

Answer 1

Вы пытались установить для gridLines.offsetGridLines значение false? Это должно работать нормально. Ознакомьтесь с документацией здесь: https://www.chartjs.org/docs/latest/charts/bar.html#scale-configuration

options: {
  scales: {
    xAxes: [{
      gridLines: {
        offsetGridLines: false
      }
    }
  }
}