На ширину полосы влияют параметры barPercentage
и categoryPercentage
, которые необходимо указать в dataset
.
Чтобы узнать о взаимосвязи между barPercentage
и categoryPercentage
, см. здесь .
Если вы просто хотите видеть существующие столбцы ближе друг к другу, вам нужно изменить высоту диаграммы. Это можно сделать прямо на canvas
следующим образом:
<canvas id="canvas" height="40"></canvas>
Обратите внимание на следующий фрагмент кода.
new Chart(document.getElementById('canvas'), {
type: 'horizontalBar',
data: {
labels: ['A', 'B'],
datasets: [{
label: 'data',
data: [15, 8],
backgroundColor: 'rgba(0, 0, 255, 0.2)',
borderColor: 'rgb(0, 0, 255)',
borderWidth: 1
}]
},
options: {
responsive: true,
legend: {
display: false
},
title: {
display: false
},
scales: {
xAxes: [{
ticks: {
beginAtZero: true
}
}]
}
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
<canvas id="canvas" height="40"></canvas>