如何更改富图表图表条形图的高度？

Question

我有一个使用rich：chart（richfaces）构建的条形图。除了图例超过条形图的高度外，一切正常。如何调整图表的整体高度？没有高度属性或任何等同于它的东西。调整div容器的高度也无济于事。

Answer 1

您需要更改div.chart-container的高度。使用@styleClass添加具有正确高度的类。

Answer 2

以下是我用来解决问题的一个例子：

.chart-container {
    float: left;
    box-sizing: content-box;
    width: 800px;
    height: 450px;
    padding: 2px 2px 2px 2px;
    border: 1px solid #ddd;
    background: #fff;
    background: linear-gradient(#f6f6f6 0, #fff 10px);
    background: -o-linear-gradient(#f6f6f6 0, #fff 10px);
    background: -ms-linear-gradient(#f6f6f6 0, #fff 10px);
    background: -moz-linear-gradient(#f6f6f6 0, #fff 10px);
    background: -webkit-linear-gradient(#f6f6f6 0, #fff 10px);
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    font-size: 16px;
    font-style: bold;
}