Primefaces条形图的动态高度

Question

我有一个primefaces p：barChart组件，我想根据图表中的数据量动态设置style =“height：＃{backingBean.chartHeight}”。这里的示例不起作用，有没有其他方法动态设置图表高度？谢谢！

Answer 1

另一个解决方案对我有用：您可以将所有样式选项作为String注入，而不是在样式中注入高度。 你的代码看起来像这样：

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

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