ro如何降低条形高度 - Chart.js

Question

我正在使用带有引导程序的chart.js中的条形图。 canvas包含在具有类col-md-8的div中。它工作正常，但条的高度太高。

我发现barWIdth属性可以更改但无法找到任何barHeight属性。那么如何给杆高充电？

这是截图：

编辑：通过css更改高度后，标签为压缩

Answer 1

给你的图表一个高度？

<div class="graph-container">
     <!-- Your graph element -->
     <canvas id="graph"></canvas>
</div>

然后在你的css文件中

.graph-container  canvas {

     height: 300px; /* Example... */
 }

或者只是

#graph {
    height: 300px;
}

Answer 2

理想情况下，将maintainAspectRatio设置为false

    type: 'bar',
    options: {
        maintainAspectRatio: false
    }

然后，如果您想要保持一定的高度（不会影响标签），或者保持原样，则可以使用CSS来处理图表的高度。