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

【问题标题】：How do you change the height of a rich:chart bar chart?如何更改rich:chart 条形图的高度？
【发布时间】：2015-09-22 12:42:22
【问题描述】：

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

【问题讨论】：

imgur.com/SHmaczN - 图片链接

标签： jsf richfaces flot

【解决方案1】：

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

【讨论】：

【解决方案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;
}

【讨论】：