Graphe avec jsf et primefaces

Bonjour ,

je viens de rencontrer un problème avec les graphe primfaces , j'ai pris l'exemple du site pur un graphe en line mais ce dernier m'affiche une erreur "Cannot read property 'CategoryAxisRenderer' of undefined
at HTMLDocument.<anonymous> " voilà le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
@ManagedBean(name = "graphe", eager = true)
@SessionScoped
public class graphe  implements Serializable {
 
	    private LineChartModel lineModel1;
	    private LineChartModel lineModel2;
 
	    @PostConstruct
	    public void init() {
	        createLineModels();
	    }
 
	    public LineChartModel getLineModel1() {
	        return lineModel1;
	    }
 
	    public LineChartModel getLineModel2() {
	        return lineModel2;
	    }
 
	    private void createLineModels() {
	        lineModel1 = initLinearModel();
	        lineModel1.setTitle("Linear Chart");
	        lineModel1.setLegendPosition("e");
	        Axis yAxis = lineModel1.getAxis(AxisType.Y);
	        yAxis.setMin(0);
	        yAxis.setMax(10);
 
	        lineModel2 = initCategoryModel();
	        lineModel2.setTitle("Category Chart");
	        lineModel2.setLegendPosition("e");
	        lineModel2.setShowPointLabels(true);
	        lineModel2.getAxes().put(AxisType.X, new CategoryAxis("Years"));
	        yAxis = lineModel2.getAxis(AxisType.Y);
	        yAxis.setLabel("Births");
	        yAxis.setMin(0);
	        yAxis.setMax(200);
	    }
 
	    private LineChartModel initLinearModel() {
	        LineChartModel model = new LineChartModel();
 
	        LineChartSeries series1 = new LineChartSeries();
	        series1.setLabel("Series 1");
 
	        series1.set(1, 2);
	        series1.set(2, 1);
	        series1.set(3, 3);
	        series1.set(4, 6);
	        series1.set(5, 8);
 
	        LineChartSeries series2 = new LineChartSeries();
	        series2.setLabel("Series 2");
 
	        series2.set(1, 6);
	        series2.set(2, 3);
	        series2.set(3, 2);
	        series2.set(4, 7);
	        series2.set(5, 9);
 
	        model.addSeries(series1);
	        model.addSeries(series2);
 
	        return model;
	    }
 
	    private LineChartModel initCategoryModel() {
	        LineChartModel model = new LineChartModel();
 
	        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", 90);
	        girls.set("2008", 120);
 
	        model.addSeries(boys);
	        model.addSeries(girls);
 
	        return model;
	    }
 
	}

la fichier xhtml:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<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:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	>
<ui:composition>
	<ui:decorate template="/accueil.xhtml">
		<ui:param name="pageTitle" value="HELLO" />
 
		<ui:define name="pageBody">
 
			<p:chart type="line" model="#{graphe.lineModel2}" style="height:300px;"/>
			<p:chart type="line" model="#{graphe.lineModel1}" style="height:300px;"/>
 
		</ui:define>
	</ui:decorate>
</ui:composition>
 
</html>

Merci