将数据从数据库放到图表主要表面

时间:2013-05-21 16:32:05

标签: primefaces

我想将数据从数据库放到图表主要面上。我尝试了不同的方法,但没有结果。我尝试使用这个简单的方法,但不要显示任何东西: 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
}

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

2 个答案:

答案 0 :(得分:1)

好好看看主要展示中的http://www.primefaces.org/showcase/ui/barChart.jsf是一个很好的例子。如果您按照展示位置,您将看到您遗失的内容。

答案 1 :(得分:0)

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