$(document).ready(function(){
// Définition des variables
	var $graph = $('#graphiques'),
		$select = $('#selection select');
		
// Paramétrage du cache en false 
	$.ajaxSetup({cache: false});
// Chargement du fichier de données JSON
	$.getJSON('rp.json',function(rp_stats){
		 $.each(rp_stats, function(webservices){ //Récupération des noms des webservices pour
												//le select
			var labels_ws=[],
				data_ws =[],
				select_val='';
			$select.append('<option>'+webservices+'</option>'); //Mise en place de la sélection les webservices
			$graph.append('<div class="chart-container"><canvas id="'+webservices+'" height="600"></canvas></div>');
			
			$.each(rp_stats[webservices],function(code_apache){
				labels_ws.push(code_apache);
				data_ws.push(rp_stats[webservices][code_apache]);
				// console.log("Pour"+webservices+" il y a "+data_ws +" "+labels_ws);
			});
			//Créations des graphiques
			var ctx= $('#'+webservices),
				chart= new Chart(ctx,{
					type:'doughnut',
					data:{
						labels:labels_ws,
						datasets: [{
							data:data_ws,
							backgroundColor: [
								'#DF0101',
								'#01DF01',
								'#BF00FF',
								'#08088A',
								'#000000',
								'#F4FA58'
							],
						}],
					},
					options:{
						responsive: true,
						maintainAspectRatio: false,
						title:{
							display: true,
							text: webservices
						}
					}
				});
		});
	});
	
});	
















































	// $button.on('click',function(){
		// $graph.append("<canvas ></canvas>");
		// var ctx= $('canvas'),
		// chart= new Chart(ctx,{
			// type:'pie',
			// data:{
				// labels:["Oui","Non"],
				// datasets: [{data:[500,145]
				// }],
			// },
			// options:{
				// responsive: true,
				// title:{
					// display: true,
					// text:'Test'
				// }
			// }
		// });
	// });


// var Chart =	new Chart (ctx,{
					// type:'pie',
					// data:{
						// labels:labels_ws,
						// datasets: [{data:data_ws
						// }],
					// },
					// options:{
						// responsive: true,
						// title:{
							// display: true,
							// text:'Test'
						// }
					// }
				// });
	//