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

Question

我尝试使用此HTML和JavaScript进行酒吧聊天。我正在使用PrimeFaces 5.1 lib。但条形图没有显示。

    <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>

JavaScript的：

 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'
    }
};
}

Answer 1

请阅读Migration Guide

并查看

然后通过研究showcase和user guide

重新编码条形图

编辑：您的xhtml中已经有 extender =＆＃34; formatBarChart＆＃34; 。如果你设置 model.setExtender（＆＃34; ext＆＃34;）那么你需要创建javascript函数ext（）并删除函数formatBarChart + extender =＆＃34; formatBarChart＆＃34;在xhtml中。请完整阅读 用户指南中的第3.15章 ，然后重新询问一个新的正确问题或正确编辑您的问题。 大多数答案都在展示，用户指南，迁移指南，更改日志，github和勤奋工作中。