<分区>
我想在我的 JSF 应用程序中显示 primefaces 饼图。
这是我的 xhtml 页面:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.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:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html">
<ui:include src="blocks/head.xhtml"/>
<body>
<ui:include src="blocks/header.xhtml"/>
<p:pieChart id="sample"
value="#{pieChartBean.pieModel}"
legendPosition="w"
title="Sample Pie Chart"
style="width:400px;height:300px"/>
<ui:include src="blocks/footer.xhtml"/>
</body>
</f:view>
</HTML>
这是我的 bean :
@ManagedBean(name = "pieChartBean")
@ViewScoped
public class PieChartBean implements Serializable {
private PieChartModel pieModel;
public PieChartBean() {
createPieModel();
}
public PieChartModel getPieModel() {
return pieModel;
}
private void createPieModel() {
pieModel = new PieChartModel();
pieModel.set("Brand 1", 540);
pieModel.set("Brand 2", 325);
pieModel.set("Brand 3", 702);
pieModel.set("Brand 4", 421);
}
}
我将 bean 放在 ViewScope 中，我还尝试了 Session 和 Request 范围。问题是图表未显示在页面中。知道问题出在哪里吗？
编辑:
奇怪的是，我试图在同一个 xhmtl 页面中添加一些其他组件，我添加了 <p:spinner/>它有效。它显示在我的 JSF 页面中，但图表没有显示。
编辑 2:
Firebug :
<div id="sample" style="width:400px;height:300px"></div>
<script id="sample_s" type="text/javascript">
$(function(){PrimeFaces.cw('PieChart','widget_sample',{id:'sample',data:[[["Brand 1",540],["Brand 2",325],["Brand 3",702],["Brand 4",421]]],title:'Sample Pie Chart',legend:{show:true,renderer: $.jqplot.EnhancedLegendRenderer,location:'w'},axes:{xaxis:{},yaxis:{}}},'charts');});
</script>
如果我使用 firebug 查看生成的 HTML 源代码，则会生成上面显示的代码，但在浏览器中没有显示任何内容。