1

Primefaces を使用して棒グラフを実装しようとしています (Pom.xml には Primefaces 4.0 の依存関係があります) が、アプリケーションを実行すると画面に何も表示されず、検査要素を選択する<div id="stacked">とスクリプトが表示されますが、何も表示されません。もっと。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//ES"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui" lang="es">
<f:view contentType="text/html">
    <h:head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta HTTP-EQUIV="refresh" content="1803"/>
        <title>Sistema de Seguimientos de Ciclos de Calidad</title>
        <meta name="description" content=""/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <link href="/sistema.ciclos.calidad/resources/css/estilo.css" media="screen" rel="stylesheet" type="text/css" />

    </h:head>
    <h:body link="#000033">
            <div id="frame" >
                 <h:form>
                    <p:barChart id="stacked" value="#{grafico.categoryModel}" legendPosition="ne" style="height:300px"
                                title="Stacked Bar Chart" stacked="true" barMargin="50" min="0" max="300"/>
                 </h:form>
            </div>

    </h:body>
</f:view>
</html>

呼び出される Bean は次のとおりです。

import org.primefaces.model.chart.CartesianChartModel;
import org.primefaces.model.chart.ChartSeries;


import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import java.io.Serializable;


@ManagedBean(name = "grafico")
@ViewScoped
public class Chart implements Serializable {

    private CartesianChartModel categoryModel;

    @PostConstruct
    public void init(){
        categoryModel = new CartesianChartModel();

        ChartSeries boys = new ChartSeries();
        boys.setLabel("Boys");

        boys.set("2004", 120);
        boys.set("2005", 100);
        boys.set("2006", 44);
        boys.set("2007", 150);
        boys.set("2008", 25);

        ChartSeries girls = new ChartSeries();
        girls.setLabel("Girls");

        girls.set("2004", 52);
        girls.set("2005", 60);
        girls.set("2006", 110);
        girls.set("2007", 135);
        girls.set("2008", 120);

        categoryModel.addSeries(boys);
        categoryModel.addSeries(girls);
    }

    public CartesianChartModel getCategoryModel() {
        return categoryModel;
    }

    public void setCategoryModel(CartesianChartModel categoryModel) {
        this.categoryModel = categoryModel;
    }

}
4

2 に答える 2