gpt4 book ai didi

java - JSF 2.0 中不显示 PrimeFaces 饼图

转载 作者:塔克拉玛干 更新时间:2023-11-02 08:22:29 25 4
gpt4 key购买 nike

<分区>

我想在我的 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 源代码,则会生成上面显示的代码,但在浏览器中没有显示任何内容。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com