PrimeFaces 面积图重叠的 xaxis 标签

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 轴定义为日期轴。

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