Chart.js Сложная горизонтальная барная диаграмма Ведущий пробел ⇐ Javascript

[Anonymous]

Я использую chart.js в приложении Vue 3. У меня есть эта штука, которая завершена тем, как я этого хочу. Тем не менее, есть этот маленький белый разрыв до начала графика, так как его нарисуют, что я не могу избавиться. В конце графика нет разрыва, когда я осматриваю его. Я хотел бы иметь возможность избавиться от него, когда он бросает центрирование диаграммы в его контейнере. Хуже всего я отрицаю, но это кажется хакерским. < /P>
Заранее спасибо за любое понимание того, как это удалить.

Код: Выделить всё

const options = computed(() => ({
indexAxis: "y",
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: { display: false },
tooltip: { enabled: false },
datalabels: { display: false },
},
scales: {
x: {
stacked: true,
min: 0,
max: total.value,
beginAtZero: true,
grid: { display: false, drawBorder: false },
ticks: { display: false },
border: { display: false },
barPercentage: 1.0,
categoryPercentage: 1.0,
},
y: {
stacked: true,
beginAtZero: true,
grid: { display: false, drawBorder: false },
ticks: { display: false },
border: { display: false },
barPercentage: 1.0,
categoryPercentage: 1.0,
},
},
animation: {
duration: 800,
easing: "easeOutQuart",
},
layout: {
padding: 0,
},
chartArea: {
left: 0,
top: 0,
right: 0,
bottom: 0,
},
}));

А и вот разрыв, с которым я имею дело с


Подробнее здесь: https://stackoverflow.com/questions/796 ... hite-space