如何更改Rich：Chart條形圖的高度？

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