2017-06-01 3 views
0

Ich versuche dieses Beispiel von primefaces piechart Aber ich habe eine leere Seite ich versuchte viele Lösung wie Hinzufügen, aber immer noch nicht funktioniert .. Irgendwelche Hilfe bitte !!Primefacts Diagramm erscheint nicht

Bean:

package com.levelup; 

import javax.annotation.PostConstruct; 
import java.io.Serializable; 
import javax.faces.bean.ManagedBean; 
import org.primefaces.model.chart.PieChartModel; 

@ManagedBean 
public class ChartView implements Serializable { 
    private static final long serialVersionUID = 1L; 
    private PieChartModel pieModel1; 
    private PieChartModel pieModel2; 

    @PostConstruct 
    public void init() { 
     createPieModels(); 
    } 

    public PieChartModel getPieModel1() { 
     return pieModel1; 
    } 

    public PieChartModel getPieModel2() { 
     return pieModel2; 
    } 

    private void createPieModels() { 
     createPieModel1(); 
     createPieModel2(); 
    } 

    private void createPieModel1() { 
     pieModel1 = new PieChartModel(); 

     pieModel1.set("Brand 1", 540); 
     pieModel1.set("Brand 2", 325); 
     pieModel1.set("Brand 3", 702); 
     pieModel1.set("Brand 4", 421); 

     pieModel1.setTitle("Simple Pie"); 
     pieModel1.setLegendPosition("w"); 
    } 

    private void createPieModel2() { 
     pieModel2 = new PieChartModel(); 

     pieModel2.set("Brand 1", 540); 
     pieModel2.set("Brand 2", 325); 
     pieModel2.set("Brand 3", 702); 
     pieModel2.set("Brand 4", 421); 

     pieModel2.setTitle("Custom Pie"); 
     pieModel2.setLegendPosition("e"); 
     pieModel2.setFill(false); 
     pieModel2.setShowDataLabels(true); 
     pieModel2.setDiameter(150); 
    } 

} 

xhtml:

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

    <h:head> 

    </h:head> 

    <h:body> 
<div> 
<p:panel> 
     <p:chart type="pie" model="#{ChartView.pieModel1}" style="width:400px;height:300px" /> 

<p:chart type="pie" model="#{ChartView.pieModel2}" style="width:400px;height:300px" /> 
</p:panel> 
</div> 
    </h:body> 

<script> $.noConflict(); </script> 
</html> 
+0

Wie sieht die 'Quelle' der leeren Seite aus? – Kukeltje

+0

nur das Diagramm wird nicht angezeigt – ibhar

Antwort

0

1) Sie können prüfen, ob die Modelle Methoden Daten am Ende zu schaffen haben.

2) Sie können versuchen, die Diagrammkomponente in ein Formularelement einzufügen.