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

Question

我正在使用来自 chart.js 的条形图和 Bootstrap 。 canvas 包裹在一个具有类 col-md-8 的 div 中。它工作正常，但条形图的高度太高。

我找到了可以更改的 barWIdth 属性，但找不到任何 barHeight 属性。那么如何对bar-height进行充电呢？

截图如下:

编辑:通过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;
}