Блог

У меня возникла проблема с настройкой ширины столбцов с помощью chart.js .

Это мой код:

 <script>
            var endpoint = '/api/';

            $.ajax({
              method: "GET",
              url: endpoint,
              success: function (data) {
                drawBarGraph(data, 'myChartBar');
                console.log("drawing");
              },
              error: function (error_data) {
                console.log(error_data);
              }
            })

            
            function drawBarGraph(data, id) {
              var labels = data.labels;
              var chartLabel = data.chartLabel;
              var chartdata = data.chartdata;
              var ctx = document.getElementById(id).getContext('2d');
              var myChart = new Chart(ctx, {
                type: 'bar',
                data: {
                  labels: labels,
                  datasets: [{
                    barThickness: 0.9,

                    label: chartLabel,
                    data: chartdata,
                    backgroundColor: 'rgba(54, 162, 235, 0.2)',
                    borderColor: 'rgba(54, 162, 235, 0.2)',
                    borderWidth: 1
                  }]
                },
                options: {
                  scales: {
                    xAxes: [{
                    }],
                    yAxes: [{
                      ticks: {
                        beginAtZero: true
                      }
                    }]
                  }
                }
              });
            } 
          </script>
 

Я не могу увеличить толщину полосы.
Я использую панель управления Argon с Django.

Это проблема с css темы?

Чего мне здесь не хватает?

Измените это значение

 xAxes: [{
                // Change this
                barPercentage: 0.2 
            }]