如何更改 rich:chart 条形图的高度？

Question

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

Answer 1

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

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;
}

如何更改 rich:chart 条形图的高度？

How do you change the height of a rich:chart bar chart?

jsf

richfaces

flot