JavaScript 中的 PrimeFaces 5.1 条形图扩展器

Question

我试过用这个 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>

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 and user guide

重新编码条形图

编辑：您的 xhtml 中已经有 extender="formatBarChart"。如果您设置 model.setExtender("ext") 那么您需要创建 javascript 函数 ext() 并删除函数 formatBarChart + extender="formatBarChart" 在 xhtml 中。请完整阅读用户指南中的第 3.15 章，然后重新提出新的正确问题或正确编辑您的问题。 大多数答案都在展示、用户指南、迁移指南、更改日志、github 和努力工作中。

JavaScript 中的 PrimeFaces 5.1 条形图扩展器

PrimeFaces 5.1 barchart extender in JavaScript

javascript

html

jsf

primefaces

jqplot