Primefaces条形图始终显示为折线图

时间:2017-10-24 07:50:55

标签: ajax charts primefaces jsf-2.2

我想知道为什么Primefaces 5.3条形图总是显示为折线图。

请帮助,因为我无法理解为什么会出现这种情况?

这是bar char xhtml定义为p:chart type =" bar"模型="#{testBean.barModel}" ID =" testBarChartID"风格="高度:100px的"

这是bean代码。

@ManagedBean(name = "testBean")
@ViewScoped
public class TestBean
{

private BarChartModel barModel;

@PostConstruct
public void init(){
    barModel = initBarModel();    
    barModel.setTitle("Bar Chart");
    barModel.setLegendPosition("ne");        
    Axis xAxis = barModel.getAxis(AxisType.X);
    xAxis.setLabel("Gender");

    Axis yAxis = barModel.getAxis(AxisType.Y);
    yAxis.setLabel("Births");
    yAxis.setMin(0);
    yAxis.setMax(200);
}

   private BarChartModel initBarModel() {
    BarChartModel model = new BarChartModel();

    BarChartSeries boys = new BarChartSeries();
    boys.setLabel("Boys");
    boys.set("2004", 120);
    boys.set("2005", 100);
    boys.set("2006",200);
    boys.set("2007", 150);
    boys.set("2008", 25);

    BarChartSeries girls = new BarChartSeries();
    girls.setLabel("Girls");
    girls.set("2004", 52);
    girls.set("2005", 60);
    girls.set("2006", 190);
    girls.set("2007", 135);
    girls.set("2008", 200);

    model.addSeries(boys);
    model.addSeries(girls);

    return model;
}

public BarChartModel getBarModel() {
    return barModel;
}

public void setBarModel(BarChartModel barModel) {
    this.barModel = barModel;
}
}

enter image description here

0 个答案:

没有答案