Просмотр Диаграмма JS для сопоставления темпов песен (ось Y) для каждой песни в альбоме или списке воспроизведения (ось X) на гистограмме.
Есть параметр, barThickness
, который устанавливает, может установить произвольную ширину столбца для каждого столбца. Вопрос в том, могу ли я указать индивидуальную толщину для каждого столбца? Скажите 20px для столбца A, 30px для столбца B, 40px для столбца C?
См. Фрагмент ниже или этот JSFiddle , если вы предпочитаете.
Пример:
new Chart(document.getElementById("bar-chart"), {
type: 'bar',
data: {
labels: ["Song A", "Song B", "Song 3"],
datasets: [
{
label: "Tempo",
backgroundColor: ["#3e95cd", "#8e5ea2","#3cba9f"],
data: [100,150,200]
}
]
},
options: {
legend: { display: false },
title: {
display: true,
text: 'Testing dynamic column width'
},
scales: {
xAxes: [{
barThickness: 20 // doesn't seem there is an option to provide an arry of thickness, for example [20,30,40]
}]
}
}
});
<canvas id="bar-chart" width="800" height="450"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>