Primefaces圖表不出現

我正在嘗試這個primefaces餅圖的例子https://www.primefaces.org/showcase/ui/chart/pie.xhtml 但我有一個空白頁，我嘗試了許多解決方案，如添加，但仍然不工作..任何幫助，請！Primefaces圖表不出現

豆：

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>

來源

2017-06-01 ibhar

空白頁的'查看源代碼'是怎樣的？ – Kukeltje

只有圖表不顯示 – ibhar

1）您可以檢查該機型的創建方法到底有數據。

2）您可以嘗試將圖表組件放入表單元素中。

來源

2017-06-15 19:36:08

Primefaces圖表不出現

回答

相關問題