Как центрировать выравнивать горизонтальные стержни с несколькими наборами данных? ⇐ Javascript

[Anonymous]

Я создал планку с парой различных наборов данных, и она работает хорошо. Тем не менее, один набор данных выровнен нанизу, а другой выровнен в верхней части, что позволяет немного перекрывать, без чего -то более красивого. Я хотел бы просто центрировать стержни, поэтому он согласуется с текстом.const chartLoc = document.getElementById('chart').getContext('2d');
chart = new Chart(chartLoc, {
type:'bar',
data: jsonvar,
options: {
indexAxis: 'y',
layout: {
padding: {
right: 100
}
},
plugins: {
datalabels: {
labels: {
label: {
anchor: "end",
align: "end",
clip: false,
}
}
}
}
},
plugins: [ChartDataLabels],
});
< /code>
Мои данные настроены так: < /p>
const jsonvar = {
"labels":["Label 1","Label 2","Label 3","Label 4","Label 5","Label 6"],
"datasets":[
{
"label":"Version 1",
"data":[null,null,null,1,2,3]},
{
"label":"Version 2",
"data":[1,2,3,null,null,null]
}
]
}


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