jsf-2 - Primefaces动态高度条形图

Question

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

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

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