Диаграмма JS Столбчатая диаграмма Dynami c Ширина столбца - PullRequest
0 голосов
/ 01 апреля 2020

Просмотр Диаграмма 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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...