Question

我正在使用PrimeFaces 5.1并且有一个简单的区域图表，其中绘制了三个系列的计数。我发现的是，在下面的例子中，时间重叠并且没有绘制线条。我没有在控制台中看到任何错误。

来自我的豆子：

private LineChartModel egmModel;

public void init() {
    egmModel = new LineChartModel();

    LineChartSeries g2scLCS = new LineChartSeries();
    g2scLCS.setFill(true);
    g2scLCS.setLabel(ComponentType.G2SSSC.getShortName());
    g2scLCS.set("12:50", 0);
    g2scLCS.set("12:51", 10);
    g2scLCS.set("12:51", 20);

    LineChartSeries vlcsscLCS = new LineChartSeries();
    vlcsscLCS.setFill(true);
    vlcsscLCS.setLabel(ComponentType.VLCSSC.getShortName());
    vlcsscLCS.set("12:50", 10);
    vlcsscLCS.set("12:51", 20);
    vlcsscLCS.set("12:51", 30);

    LineChartSeries totalLCS = new LineChartSeries();
    totalLCS.setFill(true);
    totalLCS.setLabel("Configured");
    totalLCS.set("12:50", 20);
    totalLCS.set("12:51", 30);
    totalLCS.set("12:51", 50);

    egmModel.addSeries(g2scLCS);
    egmModel.addSeries(vlcsscLCS);
    egmModel.addSeries(totalLCS);
    egmModel.setTitle("EGM's");
    egmModel.setLegendPosition("e");
    egmModel.setStacked(true);
    egmModel.getAxis(AxisType.X).setLabel("Time");
    egmModel.getAxis(AxisType.Y).setLabel("Count");
    egmModel.getAxis(AxisType.Y).setMin(0);
}

public LineChartModel getEgmModel() {
    return egmModel;
}

和xhtml：

<p:chart id="egmChart" type="line" model="#{dxAgentBean.egmModel}" />

有人知道会出现什么问题吗？

Answer 1

问题在于我没有将X轴定义为Date轴。

    DateAxis minuteAxis = new DateAxis();       
    minuteAxis.setTickFormat("%R");
    minuteAxis.setMin("00:00");
    minuteAxis.setMax("23:59");
    minuteAxis.setTickInterval("7200");
    minuteAxis.setTickAngle(-1);
    minuteAxis.setLabel("Time");

PrimeFaces区域图表重叠xaxis标签

1 个答案: