Primefaces动态高度条形图答案

【问题标题】：Primefaces dynamic height of Bar ChartPrimefaces动态高度条形图
【发布时间】：2013-02-25 06:02:26
【问题描述】：

我有一个 primefaces p:barChart 组件，我想根据图表中的数据量动态设置 style="height: #{backingBean.chartHeight}"。此处的示例不起作用，那么还有其他方法可以动态设置图表高度吗？谢谢！

【问题讨论】：

标签： jsf-2 primefaces

【解决方案1】：

另一个解决方案对我有用：您可以将所有样式选项作为字符串注入，而不是在样式中注入高度。您的代码将如下所示：

<p:barChart id="basic" value="#{backingBean.categoryModel}"
                    legendPosition="ne" title="Comparaison"
                    min="0" max="200"
                    style= "#{backingBean.chartStyle}" orientation="horizontal" />

还有你的支持 bean 中的高度字符串：

private String chartStyle ="height:500px";

【讨论】：

【解决方案2】：

我猜你可以做这样的事情

 <h:inputHidden value="#{backingBean.chartHeight}" id="chartheight"> // will be set if you set in the construtor.
  <p:barChart id="basicchart"  legendPosition="ne" />

在页面加载时使用 JavaScript 或 Jquery

 $(document).ready(function(){
      var val=$('#formId\\:chartheight').val();
      $('#formId\\:basicchart').css('height',val);
});

【讨论】：

是的，效果很好！ barChart 将具有高度属性会很好，这样我就不需要为此创建自定义 jquery :)