Datumsachse im Liniendiagramm mit Primefaces und jqplot
Ich habe versucht, ein Liniendiagramm mit Primefaces und JQPlot anzuzeigen. Aber ich verstehe es nicht. Ich habe diesen Code in meiner Bohne:
CartesianChartModel graphic = new CartesianChartModel();
LineChartSeries series = new LineChartSeries();
DateFormat dateFormat = new SimpleDateFormat("mm/dd/yy");
String date1 = "01/10/13";
String date2= "01/15/13";
String date3= "02/20/13";
p=dateFormat.parse(date1);
series.set(p.getTime(), 10);
p=dateFormat.parse(date2);
series.set(p.getTime(), 20);
p=dateFormat.parse(date3);
series.set(p.getTime(), 15);
graphic.addSeries(series);
Und ich habe diesen Code in meiner Extender-Funktion:
function extender(){
this.cfg.axes = {
xaxis :{
renderer:$.jqplot.DateAxisRenderer,
rendererOptions : {
tickRenderer:$.jqplot.CanvasAxisTickRenderer
},
tickOptions : {
fontSize:'10pt',
fontFamily:'Tahoma',
angle:-40,
formatString:'%D'
}
};
this.cfg.axes.xaxis.ticks = this.cfg.categories;
}
PROBLEM
Es funktioniert nicht richtig, da ich date3 vor den anderen erhalte und das Datum nicht auf der x-Achse angezeigt wird.
Ich habe gerade versucht, wie zu tunPrimeFaces - Datumsanzeige anpassen. Ich habe das Zeitformat geändert und das hinzugefügttickInterval
Element. Mit diesen Änderungen erhalte ich eine leere Grafik. Und wenn ich das entfernetickInterval
Element Ich bekomme auf der x-Achse so etwas bei jedem Tick111011000001110111000000000-%y