PrimeFaces扩展Gchart工作不正常

PrimeFaces扩展Gchart工作不正常,primefaces,primefaces-extensions,gchart,Primefaces,Primefaces Extensions,Gchart,我使用的是PrimeFaces 6.1版。我需要以图表格式显示我的数据。为此,我实现了GChart组件作为链接。我已经在表格中添加了链接,点击该链接,我已经呈现了图表。我需要以这种形式显示不同的图表。因此,我有不同的面板,可以通过点击不同的按钮来显示不同的图表。当页面加载并第一次单击链接时,图表将正确呈现。下次我点击同一个链接时,整个页面将变为空白。我在控制台中搜索错误,错误显示如下: 我需要刷新页面以使我的页面处于工作状态。我尝试为pe:gChart标记提供id,当我单击链接图时,会出现一个链

我使用的是PrimeFaces 6.1版。我需要以图表格式显示我的数据。为此,我实现了GChart组件作为链接。我已经在表格中添加了链接,点击该链接,我已经呈现了图表。我需要以这种形式显示不同的图表。因此,我有不同的面板,可以通过点击不同的按钮来显示不同的图表。当页面加载并第一次单击链接时,图表将正确呈现。下次我点击同一个链接时,整个页面将变为空白。我在控制台中搜索错误,错误显示如下:

我需要刷新页面以使我的页面处于工作状态。我尝试为pe:gChart标记提供id,当我单击链接图时,会出现一个链接图,在下一次单击时,页面变为空白,并出现错误,因为没有定义具有新给定id的容器。我的视图代码如下所示:

<script src="https://www.gstatic.com/charts/loader.js"></script>
<h:form id="dash">
<p:commandLink id="savButton" class="small-box-footer" action="#{dashboardMB.createPieModel1}" update="@form">
                    <h:outputLabel  styleClass="np" value="#{text.Detail}"/>
                    <i class="fa fa-arrow-circle-right"></i>

</p:commandLink>
<p:panel header="#{text.Saving}"  rendered="#{dashboardMB.savVisible}" id="panelSav" closable="false" toggleable="true" >


            <p:outputPanel id="container1" layout="block">


                <div id="savChart">
                    <pe:gChart value="#{dashboardMB.savingChartModel}" width="400" height="400"
                        title="Saving Wise">

                    </pe:gChart>
                </div>



            </p:outputPanel>


</p:panel>
public void  createPieModel1() {  

            isSavVisible=true;
            DashboardModel dashObj=new DashboardModel();
            dashObj=dashBoardEJB.getvalues();
            chartSavingModel = new GChartModelBuilder()
                    .setChartType(GChartType.COLUMN)  
                    .addColumns("Topping", "Slices")
                    .addRow("A", dashObj.getCount1())  
                    .addRow("V", dashObj.getCount2())
                    .addRow("Z", dashObj.getCount3())
                    .addRow("W", dashObj.getCount4())
                    .build();  
  }

您的版本不匹配。您正在使用PrimeFaces 6.1,但仅使用PrimeFaces扩展6.0.0。您的PF和PFE版本必须始终匹配

您可以阅读《发行说明指南》以了解始终排列的版本:


因此,通过升级到PFE 6.1.1,它将匹配您的版本并解决您的问题。

您提到您的PrimeFaces版本为6.1,但您使用的PrimeFaces扩展版本是什么?GChart是一个扩展组件。在showcase上似乎工作得很好您可以将您的代码与showcase进行比较吗?primefaces扩展版本是6.0.0,这就是问题所在#1您的PFE版本应该与您的PF版本相匹配,因此如果您使用6.1,您需要使用PFE 6.1.1。我将primefaces扩展从6.0.0更改为6.1.1,它成功了。非常感谢@MellowareI将其作为解决您问题的答案发布,如果您想标记它已解决。