javascript - chartjs - 条形图大小不增加

Question

我在使用 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>

我无法增加钢筋厚度。我在 Django 中使用Argon Dashboard。

这是主题的css的问题吗？

我在这里想念什么？

标签： javascriptchart.js

Answer 1

更改此值

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