Java PrimeFaces中的条形图图形在JSF 2.2中不显示_Java_Primefaces_Jsf 2.2

Java PrimeFaces中的条形图图形在JSF 2.2中不显示

java primefaces

Java PrimeFaces中的条形图图形在JSF 2.2中不显示,java,primefaces,jsf-2.2,Java,Primefaces,Jsf 2.2,我正在使用primefaces 4.0，我正在尝试做一个条形图，代码编译没有错误，但图表没有显示在生成页面中托管Bean： package per.vmonsanto.controladores; import javax.faces.bean.ManagedBean; import javax.faces.bean.SessionScoped; import org.primefaces.model.chart.CartesianChartModel; import org.primefa

我正在使用primefaces 4.0，我正在尝试做一个条形图，代码编译没有错误，但图表没有显示在生成页面中

托管Bean：

package per.vmonsanto.controladores;

import javax.faces.bean.ManagedBean;
import javax.faces.bean.SessionScoped;
import org.primefaces.model.chart.CartesianChartModel;
import org.primefaces.model.chart.ChartSeries;
@ManagedBean
@SessionScoped
public class DashBoardBean {
private CartesianChartModel categoryModel;
/**
 * Creates a new instance of DashBoardBean
 */
public DashBoardBean() {
     createCategoryModel();

}

 public CartesianChartModel getCategoryModel() {  
    return categoryModel;  
}  

private void createCategoryModel() {  
    categoryModel = new CartesianChartModel();  
    ChartSeries from = new ChartSeries();  
    from.setLabel("Formularios");  

    from.set("2010", 256);  
    from.set("2011", 264);  
    from.set("2012", 345);  
    from.set("2013", 334);  
    from.set("2014", 143);  

    ChartSeries users = new ChartSeries();  
    users.setLabel("Usuarios");  

    users.set("2010", 288);  
    users.set("2011", 326);  
    users.set("2012", 318);  
    users.set("2013", 345);  
    users.set("2014", 290);  

    categoryModel.addSeries(users);  
    categoryModel.addSeries(from);  
  }  

}

这是xhtml

    <?xml version='1.0' encoding='UTF-8' ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   <html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
     <ui:define name="tittle"> Pagina Principal</ui:define>  

    <h:body>
        <ui:composition template="resources/template/masterLayout.xhtml">
            <ui:define name="menu">
                <ul class="section menu">
                    <li><a class="menuitem">Menu 1</a>
                        <ul class="submenu">
                            <li><a>Submenu 1</a> </li>
                            <li><a>Submenu 2</a> </li>

                        </ul>
                    </li>                    
                </ul>

            </ui:define>   
            <ui:define name="main">
                <div class="grid_10">
                    <div class="box round first">
                        <h2>Grafico</h2>
                        <div class="block">
                            <p:barChart id="basic" value="#{dashBoardBean.categoryModel}" legendPosition="ne" 
                                        title="Formulario/Usuario" min="0" max="200" style="height:300px"/>  
                        </div>
                    </div>
                    <div class="box round">
                        <h2>
                            Estadisticas</h2>
                        <div class="block">
                            <div class="stat-col">
                                <span>Formularios Creados</span>
                                <p class="purple">
                                    70</p>
                            </div>
                            <div class="stat-col">
                                <span>Formularios Digitados</span>
                                <p class="yellow">
                                    32,729</p>
                            </div>
                            <div class="stat-col">
                                <span>Formularios Por Dia</span>
                                <p class="green">
                                    1669</p>
                            </div>
                            <div class="stat-col">
                                <span>Usuarios</span>
                                <p class="blue">
                                    438</p>
                            </div>
                            <div class="stat-col">
                                <span>Usuarios Activos</span>
                                <p class="red">
                                    228</p>
                            </div>
                            <div class="stat-col">
                                <span>Formulario/Usuario</span>
                                <p class="purple">
                                    <img src="img/icon-direction.png" alt="" />&nbsp;234</p>
                            </div>
                            <div class="stat-col last">
                                <span>Total</span>
                                <p class="darkblue">
                                    70,000</p>
                            </div>
                            <div class="clear">
                            </div>
                        </div>
                    </div>
                </div>


            </ui:define>


        </ui:composition>


    </h:body>



    </html>


帕吉纳校长

菜单1

子菜单1
子菜单2



格拉菲科
地产
克雷多斯公式

七十
指状公式

32729
多孔公式虫

1669年
惯常

438
惯常行为

228
公式化/用武之地

234
全部的

70000

这是生成源的一个相关seccion

负责人：

图表部分：

 <div class="block"><div id="basic" style="height:300px"></div><script id="basic_s" type="text/javascript">$(function(){PrimeFaces.cw('BarChart','widget_basic',{id:'basic',data:[[288,326,318,345,290],[256,264,345,334,143]],categories:['2010','2011','2012','2013','2014'],title:'Formulario\/Usuario',legendPosition:'ne',axes:{xaxis:{label:'',angle:0},yaxis:{label:'',angle:0}},series:[{label:'Usuarios'},{label:'Formularios'}],orientation:'vertical',barPadding:8,barMargin:10,datatip:true,min:0.0,max:200.0},'charts');});</script>  
                        </div>

$（function（）{PrimeFaces.cw（'BarChart'，'widget_basic'，{id:'basic'，data:[[2883326318345290]，[256264345334143]，[2010'，'2011'，'2012'，'2013'，'2014']，标题：'Formulario\/Usuario'，legendPosition:'ne'，轴：{xaxis:{label:''，角度：0}，yaxis:{label:''，角度：0}，系列：[{label:'Usuarios:'Usuarios'}，'Formularios']，方向：'vertical'，barPadding:8，barMargin:10，datatip:true，min:0.0，max:200.0}，'charts'）；}）；

尝试更改xmlns并将其放入div a primefaces面板中。我认为这是一个错误

例如，试试这个。这是我的工作

<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
       xmlns:f="http://java.sun.com/jsf/core"
      >
    <h:head>
    </h:head>
    <h:body>
<div>
   <p:panel>
                  <p:barChart id="basic" value="#{dashBoardBean.categoryModel}" legendPosition="ne" 
                                        title="FormularioUsuario" min="0" max="200" style="height:300px"/>
                                        </p:panel>
</div>                                        
    </h:body>
    </html>

我写这篇文章是因为你们中的许多人都会来这里寻找关于绘制素面图的解决方案。因此：

-在开始实施任何建议之前

***首先进行检查（例如，如果您使用的是Chrome-右键单击->检查->控制台），以确保问题来自您正在搜索的范围

很多时候，许多元素不能呈现或jsf不能正常工作的问题是，呈现之前的某些东西产生了问题——可能是错误的命令调用。通过检查，你会有更好的视野

您能完成xhtml代码吗？xhtml已经更新，这对我来说很有用，非常感谢。只需添加标签就可以了。

<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
       xmlns:f="http://java.sun.com/jsf/core"
      >
    <h:head>
    </h:head>
    <h:body>
<div>
   <p:panel>
                  <p:barChart id="basic" value="#{dashBoardBean.categoryModel}" legendPosition="ne" 
                                        title="FormularioUsuario" min="0" max="200" style="height:300px"/>
                                        </p:panel>
</div>                                        
    </h:body>
    </html>