jsf - Primefaces 中动态生成条形图

Question

我正在使用 Primefaces 4.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" />

在上面的条形图示例中，值属性将仅加载 1 个具有固定标题的类别模型。所以我正在弄清楚如何解决这个问题。此外，我还需要为生成的每个条形图使用不同的颜色。

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

Answer 1

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

解决方案:

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

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

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