JavaScript中的PrimeFaces 5.1条形图扩展程序

JavaScript中的PrimeFaces 5.1条形图扩展程序,javascript,html,jsf,primefaces,jqplot,Javascript,Html,Jsf,Primefaces,Jqplot,我试过用这个HTML和JavaScript进行酒吧聊天。我使用的是PrimeFaces 5.1库。但条形图没有显示 <h:panelGrid styleClass="headerPanelGrid"> <h:outputText value="No Chart To Display For Selected Options" rendered="#{null == jobStatusChart.categoryModel}" style="font-si

我试过用这个HTML和JavaScript进行酒吧聊天。我使用的是PrimeFaces 5.1库。但条形图没有显示

    <h:panelGrid styleClass="headerPanelGrid">
        <h:outputText value="No Chart To Display For Selected Options" rendered="#{null == jobStatusChart.categoryModel}" style="font-size:20px;" />
        <p:chart type="bar" id="jobStatusBarChart" model="#{jobStatusChart.categoryModel}" showDatatip="false" title="Total No. Of Jobs By Status"
            min="0" max="#{jobStatusChart.total}" style="width:600px;" animate="true" yaxisLabel="Total No. Of Jobs" 
            extender="formatBarChart" rendered="#{null != jobStatusChart.categoryModel}" barMargin="10" barPadding="5" widgetVar="statusChart"/>
    </h:panelGrid>
请阅读

看看

然后,通过研究和分析重新编码条形图


编辑:xhtml中已经有extender=“formatBarChart”。如果设置model.setExtender(“ext”),则需要创建javascript函数ext(),并在xhtml中删除函数formatBarChart+extender=“formatBarChart”。请完整阅读《用户指南》第3.15章,然后重新提出新的适当问题或正确编辑您的问题大多数答案都在showcase、userguide、migration guide、change logs、github和hard work中。

因此它在没有扩展器的情况下工作?如果“未显示”与扩展器无关,请删除标题、问题等中的所有内容。它在pf 3.5中工作,但在pf 5.1中不工作,因此我需要更改任何JAR??否,您需要在创建调试期间创建和…您好。我用适当的大小写编辑了你文章的标题,这使它更容易阅读。我还更改了正文中编程语言的大小写。希望你得到你的答案!根据问题的哪一部分,你得出与移民有关的结论?怎么做?Q中的代码似乎是5.1,还有一个疑问,我正在尝试在支持代码中使用类似model.setExtender(“ext”)的extender属性,这对饼图很有效,但对条形图和折线图无效。请帮助me@SarithaReddy:那你为什么接受这个答案?
 function formatBarChart() {  this.cfg.seriesDefaults = {
    renderer : $.jqplot.BarRenderer,
    rendererOptions : {
        barWidth : 60
    },
    pointLabels : {
        show : true
    },
},

this.cfg.axes.yaxis.tickOptions = {
    formatString : '%d'
},

this.cfg.legend = {
    renderer : $.jqplot.EnhancedLegendRenderer,
    show : true,
    placement : 'outside',
    rendererOptions : {
        seriesToggle : 'normal'
    }
};
}