Jsf Primefaces中条形图的动态生成

Jsf Primefaces中条形图的动态生成,jsf,primefaces,charts,xhtml,Jsf,Primefaces,Charts,Xhtml,我正在使用PrimeFaces4.0。我需要根据查询结果的数量生成条形图。条形图的标题和颜色也应该能够为所有使用查询结果的人动态设置。条形图示例如下:- <p:barChart id="barStats" value="#{Bean.categoryModel}" legendPosition="ne" style="width:300px;height:250px;" title="Break Down(Barchart)" barMarg

我正在使用PrimeFaces4.0。我需要根据查询结果的数量生成条形图。条形图的标题和颜色也应该能够为所有使用查询结果的人动态设置。条形图示例如下:-

<p:barChart id="barStats"
        value="#{Bean.categoryModel}" legendPosition="ne"
        style="width:300px;height:250px;"
        title="Break Down(Barchart)" barMargin="10" min="0"
        barPadding="10" max="40" animate="true" />

在上面的条形图示例中,value属性将只加载一个具有固定标题的类别模型。因此,我想知道如何解决这个问题。此外,我还需要一个不同的颜色为每个条形图生成


查询结果可以是从0开始的任意数字(无数据)。

解决方案是使用p:barchart到p:datagrid中。此数据网格将通过条形图列表加载。 进一步创建一个包含条形图、标题和颜色作为属性的类类型的列表。这完美地解决了您的问题

解决方案:

<p:dataGrid id="chartdataGrid" var="list" value="#{Bean.chartList}" columns="2" style="border:none;">

  <p:barChart 
        value="#{list.chart}" title="#{list.title}"
        style="height:190px;width:350px" 
        barMargin="20" min="0" barPadding="10" animate="true" seriesColors="#{list.barColor}" />

</p:dataGrid>

如果您需要进一步澄清这个问题及其详细解决方案,我很乐意提供


希望我的解决方案对您有所帮助。

谢谢您,先生!这对我帮助很大!