primefaces と jqplot で折れ線グラフを表示しようとしました。しかし、私はそれを取得しません。Bean に次のコードがあります。
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);
そして、エクステンダー関数に次のコードがあります。
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;
}
問題
他の日付よりも前にdate3を取得し、日付がx軸に表示されないため、正しく機能しません。
私はちょうどPrimeFaces のようにしようとしました - 日付チャートをカスタマイズします。時間形式を変更し、tickInterval
要素を追加しました。これらの変更により、空のグラフィックが表示されます。そして、tickInterval
要素を削除すると、x軸に各ティックでそのようなものが表示されます111011000001110111000000000-%y