ChartJS 如何在图表中固定条形图宽度？

w8biq8rn 于 2022-11-06 发布在 Chart.js

关注(0)|答案(2)|浏览(226)

我开始使用Python和chart.js的新项目，我使用的是chart.js的条形图，我想固定每个条形的宽度，但它仍然看起来像这样，所以我如何应用固定宽度的所有条形？
一次最多显示6个条形，当我们添加第7个条形时，将出现水平滚动。

2条答案

您可以用途：
barPercentage属性，如下所示

xAxes:[{
     barPercentage: 0.1,
            gridLines: {
            display:false
        }
    }]

barPercentage的取值范围为0到1，其中1表示100%可用宽度
有关barPercentage的更多详细信息，请参见
样品FIDDLE
对于具有不同数据变量的固定宽度：
试试这个

适用于大多数版本，包括在react.js中

import {Chart} from "chart.js"

Chart.defaults.datasets.bar.barThickness = 73;

//also try barPercentage, maxBarThickness