Блог

Я использую Chart.js версия 2.7.2 для создания простой столбчатой диаграммы с одним рядом. Я хочу, чтобы каждый столбец на диаграмме заполнял все доступное пространство таким образом, чтобы каждый столбец на диаграмме «касался» своего соседа (ов).

Мои исследования показали, что я должен использовать barPercentage categoryPercentage настройки и, установив для обоих значение 1. Я сделал это, и это делает полосы очень широкими, но между ними остается разрыв в один пиксель.

Мое первоначальное предположение заключается в том, что это произошло из-за линии сетки, но даже если я отключу grid lines ( gridLines.display: false ), у нее все равно будет разрыв в один пиксель.

JsFiddle

Вот скриншот. Видите разрыв между каждым столбцом? Как мне избавиться от этого?

Вам нужно будет обновить библиотеку до версии 2.8 .

На их GitHub было несколько случаев проблем, связанных с этим (т.Е. [ОШИБКА] Расстояние между вертикальными полосами с процентами, равными 1, и [ОШИБКА] Небольшой разрыв между полосами даже при значении barPercentage и categoryPercentage, равном 1).

Был PR, который попал в их версию 2.8.0, которая должна исправить проблемы, связанные с этим (как отметил @benmccann внизу страницы PR).