Prime Community Forum

Code: Select all

<td align="center">
	<p:lineChart id="linear" value="#{cashBean.linearModel}" legendPosition="ne" animate="true" widgetVar="chart" zoom="true"  
		title="#{cashBean.linearModelTitle}" style="height:280px; width:480px" extender="ext2"/>
	<script type="text/javascript" src="../src/plugins/jqplot.dateAxisRenderer.min.js"></script>
	<script>
		function ext2() {
			//this = chart widget instance
			//this.cfg = options
			this.cfg.axes = {
				xaxis:{
					min:null,
					max:null,
					autoscale:true,
					numberTicks:null,
					pad:1.0,
					tickInterval:'1 days',
					renderer:$.jqplot.DateAxisRenderer, 
					rendererOptions: {
						tickInset: 0
					},
					tickRenderer: $.jqplot.CanvasAxisTickRenderer,
					tickOptions:{ 
						fontSize:'10pt',
						fontFamily:'Tahoma',
						angle:-40
					}
				},
				yaxis:{
					rendererOptions:{
						tickRenderer:$.jqplot.CanvasAxisTickRenderer
					},
					tickOptions:{
						fontSize:'10pt', 
						fontFamily:'Tahoma', 
						formatString: "$%'d",
						angle:30
					}
				}
			};
			this.cfg.highlighter = {
				show: true,
				tooltipOffset: 2
			}
		}
	</script>
</td>

Code: Select all

linearModel = new CartesianChartModel();
LineChartSeries series1 = new LineChartSeries();  
series1.setLabel(evolution.getTag());
Map<Object, Number> data = getShowedEvolutionData(evolution.getEvolution());
TreeSet<Date> tree = new TreeSet<Date>();
for (Object lineChartSeries : data.keySet()) {
	Date key = (Date)lineChartSeries;
	tree.add(key);
}
Iterator<Date> it = tree.iterator();
while (it.hasNext()) {
	Date key = it.next();
	Number value = data.get(key);
	series1.set(key.getTime(), value);
}
linearModel.addSeries(series1);