primefaces - 将数据库中的数据放入图表 primefaces

Question

我想将数据库中的数据放入图表中。我尝试了不同的方法，但没有结果。我尝试使用这种简单的方法，但什么也不显示：ManagedBean：

public class ChartBean implements Serializable{
    private List < ChartContentBean > chartContentbeanList;

    public ChartBean() {
        chartContentbeanList = new ArrayList < ChartContentBean > ();
        chartContentbeanList.add(new ChartContentBean(2006, 25, 20));
        chartContentbeanList.add(new ChartContentBean(2007, 60, 50));
        chartContentbeanList.add(new ChartContentBean(2008, 40, 65));
        chartContentbeanList.add(new ChartContentBean(2009, 70, 60));
    }
    public List < ChartContentBean > getChartContentbeanList() {
        return chartContentbeanList;
    }
}  

ChartContentBean.xhtml

public class ChartContentBean{
    private int year;
    private int passPercentage;
    private int failedPercentage;

    public ChartContentBean() {}
    public ChartContentBean(int year, int passPercentage, int failedPercentage) {
        this.year = year;
        this.passPercentage = passPercentage;
        this.failedPercentage = failedPercentage;
    }
    //get and set
}

图表.xhtml

<xmlns:p="http://primefaces.prime.com.tr/ui">
<h:form>
  <p:lineChart value="#{chartBean.chartContentbeanList}" var="chartContentBean" xfield="#{chartContentBean.year}">
    <p:chartSeries label="Class A"
    value="#{chartContentBean.passPercentage}" />
    <p:chartSeries label="Class B"
    value="#{chartContentBean.failedPercentage}" />
  </p:lineChart>
</h:form>

Answer 1

那么看看http://www.primefaces.org/showcase/ui/barChart.jsf在 primefaces 展示中是您想要实现的一个很好的例子。如果您关注展示柜，您将看到您缺少的东西。

Answer 2

使用CartesianChartModelbean 中 primefaces 包中的类为 JSF 页面中的图表提供数据。<p:chatSeries>据我所知，Primefaces 3.x 中没有元素。