Графические диаграммы с линейной ориентацией диаграммы

Question

У меня есть компонент p: barChart для pairsbar: я хотел бы установить динамический стиль style = "height: # {backingBean.chartHeight}" в соответствии с количеством данных на диаграмме. Пример здесь не работает, есть ли другой способ установить высоту диаграммы динамически? Благодаря!

Answer 1

Я думаю, вы можете сделать что-то вроде этого

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

Answer 2

Другое решение работает для меня: вместо того, чтобы впрыскивать высоты в стиле, вы можете введите все параметры стиля в виде строки. ваш код будет выглядеть следующим образом:

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

и высота строки в вашем бэк-боба:

private String chartStyle ="height:500px";