如何修复chartjs中的条宽?

时间:2016-03-29 11:11:19

标签: chart.js

我正在使用python和chart.js开始新项目,而我正在使用chart.js的条形图,我想修复每个条形图的宽度,但它仍然看起来像这样,那怎么能我为所有酒吧应用固定宽度?

一次显示最多6个小节,当我们添加第7个小节时,会出现水平滚动。enter image description here

1 个答案:

答案 0 :(得分:2)

你可以使用:

像这样的

barPercentage属性

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

barPercentage取0到1的值,其中1是100%可用宽度

有关barPercentage的详细信息,请参阅this

示例FIDDLE

对于具有不同数据变体的修复宽度:

试试这个link1 link2