var optBar = { barValueSpacing : 12,
			   scaleFontSize: 16,
//		       responsive: true,	
			   maintainAspectRatio: false,

			   barShowStroke : true,
					  legendTemplate : 
						'<ul style="float:right;display:inline;margin-right:0px;max-width:230px;margin-top:10px;">'
						  +'<% for (var i=0; i<datasets.length; i++) { %>'
							+'<li style="list-style:none;">'
							+'<div style="clear:both;">'
							+'<div style="float:left;margin-left:16px;margin-top:-4px;"><%= datasets[i].label %></div>'
							+ '<div style="margin-left:-5px;border:1px solid black;width:12px;height:12px;"><div style="border: solid 5px <%= datasets[i].fillColor %>; -webkit-print-color-adjust: exact;width:0px;height:0px;"></div></div>'
							+ '</div>'
						  +'</li>'
						+'<% } %>'
					  +'</ul>'
};

var optHorizontalBar = {
//	       responsive: true,	
		   barShowStroke : false,
				  legendTemplate : 
					'<ul style="float:right;display:inline;margin-right:0px;max-width:230px;margin-top:10px;">'
					  +'<% for (var i=0; i<datasets.length; i++) { %>'
						+'<li style="list-style:none;">'
						+'<div style="clear:both;">'
						+'<div style="float:left;margin-left:16px;margin-top:-4px;"><%= datasets[i].label %></div>'
						+ '<div style="margin-left:-5px;border:1px solid black;width:12px;height:12px;"><div style="border: solid 5px <%= datasets[i].fillColor %>; -webkit-print-color-adjust: exact;width:0px;height:0px;"></div></div>'
						+ '</div>'
					  +'</li>'
					+'<% } %>'
				  +'</ul>'
};

var optOverlayBar = { barValueSpacing : 20,
		   scaleFontSize: 16,
//	       responsive: true,	
		   maintainAspectRatio: true,
		   overlayBars: true,
			 
			 legendTemplate : 
							'<ul style="float:right;display:inline;margin-right:0px;max-width:230px;margin-top:10px;">'
							  +'<% for (var i=0; i<datasets.length; i++) { %>'
								+'<li style="list-style:none;">'
								+'<div style="clear:both;">'
								+'<div style="float:left;margin-left:16px;margin-top:-4px;"><%= datasets[i].label %></div>'
								+ '<div style="margin-left:-5px;border:1px solid black;width:12px;height:12px;"><div style="border: solid 5px <%= datasets[i].fillColor %>; -webkit-print-color-adjust: exact;width:0px;height:0px;"></div></div>'
								+ '</div>'
							  +'</li>'
							+'<% } %>'
						  +'</ul>'
};

var optPieChart = { 
		
		   percentageInnerCutout : 50,
		   
//	       responsive: true,	
		   maintainAspectRatio: true,

		   legendTemplate : '<ul class="<%=name.toLowerCase()%>-legend"><% for (var i=0; i<segments.length; i++){%>' 
		   					+'<li>' 
		   					+'<span style="border: solid 5px <%=segments[i].fillColor%>; -webkit-print-color-adjust: exact;display: inline-block;margin-right: 10px;outline: 1px solid black;width:0px;height:0px;>">' 
		   					+'</span>' 
		   					+'<%if(segments[i].label){%><%=segments[i].label%><%}%>' 
		   					+'</li><%}%>' 
		   					+'</ul>'	
		   
		   
};

var optLineChart = {
		datasetFill: false,
		bezierCurve : false,
		
		 legendTemplate : 
				'<ul style="float:right;display:inline;margin-right:0px;max-width:230px;margin-top:10px;">'
				  +'<% for (var i=0; i<datasets.length; i++) { %>'
					+'<li style="list-style:none;">'
					+'<div style="clear:both;">'
					+'<div style="float:left;margin-left:16px;margin-top:-4px;"><%= datasets[i].label %></div>'
					+ '<div style="margin-left:-5px;border:1px solid black;width:12px;height:12px;"><div style="border: solid 5px <%= datasets[i].strokeColor %>; -webkit-print-color-adjust: exact;width:0px;height:0px;"></div></div>'
					+ '</div>'
				  +'</li>'
				+'<% } %>'
			  +'</ul>'
}