2015-12-10 105 views
0

我使用带有引导的chart.js条形图。 canvas被封装在具有类col-md-8的div中。它工作正常,但酒吧的高度过高。如何降低酒吧高度 - Chart.js

我发现barWIdth属性可以更改,但无法找到任何barHeight属性。那么如何收取酒吧高度呢?

以下是截图:

Too Much Bar Height

编辑:改变其高度后通过CSS,标签是压缩

Compressed labels

+0

减少图形的大小? –

+0

通过css压缩标签调整大小。看到添加的附件。 – Kanav

+0

你是否通过Firebug等来做到这一点? –

回答

0

给您的图表的高度?

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

然后在你的CSS文件

.graph-container canvas { 

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

或者干脆

#graph { 
    height: 300px; 
} 
+0

使用此技术压缩标签。查看添加的截图。 – Kanav