chart.js - Chart.js如何改变颜色的宽度

Question

大家好，我使用的是chart js 2.9.3，所以我有颜色问题

我如何更改在红色圆圈中选择的颜色的宽度，因为我有很多数据所以我需要减小矩形的宽度我想减小矩形的宽度两次我在询问之前搜索了它但我找不到任何可以帮助我的东西有我的代码

var infosum = {
            label: chart[i].data_name+' ['+chart[i].data_id + ']',
            data: chart[i].sum,
            backgroundColor: 'rgba(255, 255, 255, 0)',
            borderColor: '#'+(Math.random() * 0xFFFFFF << 0).toString(16).padStart(6, '0'),
            borderWidth: 2
        };

if ($('#linearChart'+type).length) {
              var ctx = document.getElementById('linearChart'+type);
              var linearChartjs = new Chart(ctx, {
                type: 'line',
                data: {
                  labels: monthyear,
                  datasets: data,
                },
                options: {
                  responsive: true,
                  scales: {
                    yAxes: [{
                      ticks: {
                        beginAtZero: true
                      }
                    }]
                  }
                }
              });
            }
         }

预先感谢大家

Answer 1

这可以通过以下legend.labels.boxWidth选项完成：

options: {
  responsive: true,
  legend: {
    labels: {
      boxWidth: 15
    }
  }
  ...
}

boxWidth: 彩色框的宽度（默认值为40）。