條形圖的Primefaces動態高度

我有一個primefaces p：barChart組件，我想根據圖表中的數據量動態設置style =「height：＃{backingBean.chartHeight}」。這裏的例子不起作用，所以有沒有其他方式來動態設置圖表高度？謝謝！條形圖的Primefaces動態高度

來源

2013-02-25 drodil

我想你可以在頁面加載做這樣的事情

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

來源

2013-02-25 07:16:37 SRy

是的，完美的作品！這將是很好，barChart將有高度的屬性，以便我不需要創建自定義jQuery的:) – drodil 2013-02-25 07:35:24

另一種解決方案爲我工作：不是在風格上注入的高度，你可以將所有樣式選項注入爲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";

來源

2014-05-02 09:46:29 Majdi

條形圖的Primefaces動態高度

回答

相關問題