<script>

	var	CO2_valeur	= <?php echo($AQCM05_CO2); ?>;
	var	CO2_color	= '<?php echo($AQCM05_CO2_color); ?>';
	var	CO2_mini 	= <?php echo($CO2_mini); ?>;
	var	CO2_maxi 	= <?php echo($CO2_maxi); ?>;
 
	var CO2_config = {
		
		type: 'doughnut',
		
		data: {
			datasets: [{
				data: [ CO2_valeur - CO2_mini, CO2_maxi - CO2_valeur ],
				backgroundColor: [CO2_color, gauges_inactive_ring_color],
				borderColor: '#000000',
				borderWidth: gauges_line_width
			}]
		},
		
		options: {
			
			radius: gauges_radius,
			cutout: gauges_cutout,
			layout: {
				padding: {
					left: 6,
					right: 6
				}
			},			
			responsive: true,
			maintainAspectRatio: false,
			rotation: -90,
			circumference: 180,
			
			animation: {
				animateRotate: false,
				animateScale: false
			},
			
			watermark: {
				image: image_CO2,
				x: emoticon_x,
				y: emoticon_y,
				width: emoticon_width,
				height: emoticon_height,
				opacity: 1,
				alignX: "right",
				alignY: "top",
				alignToChartArea: false,
				position: "back",
			},
			
			plugins: {

				tooltip: {
					enabled: false
				},
				
				annotation: {
					annotations: {
						labelMin: {
							content: [CO2_mini],
							type: 'label',
							xValue: 0,
							xAdjust: mini_x_adjust,
							yValue: 0,
							yAdjust: mini_y_adjust,
							color: gauges_text_color,
							backgroundColor: gauges_background_color,
							font: [{size: mini_maxi_font_size, weight: 'normal'}, {family: 'Arial'}],
						},
						labelMax: {
							content: [CO2_maxi],
							type: 'label',
							xValue: 0,
							xAdjust: maxi_x_adjust,
							yValue: 0,
							yAdjust: maxi_y_adjust,
							color: gauges_text_color,
							backgroundColor: gauges_background_color,
							font: [{size: mini_maxi_font_size, weight: 'normal'}, {family: 'Arial'}],
						},
						labelValue: {
							content: [CO2_valeur],
							type: 'label',
							textlign: 'center',
							xValue: 0,
							xAdjust: value_x_adjust,
							yValue: 0,
							yAdjust: value_y_adjust,
							color: gauges_text_color,
							backgroundColor: gauges_background_color,
							font: [{size: value_font_size, weight: 'normal'}, {family: 'Arial'}],
						},
						labelTitle: {
							content: ['CO2'],
							type: 'label',
							xValue: 0,
							xAdjust: title_x_adjust,
							yValue: 0,
							yAdjust: title_y_adjust,
							color: gauges_text_color,
							backgroundColor: gauges_background_color,
							font: [{size: title_font_size, weight: 'normal'}, {family: 'Arial'}],
						},
						labelUnit: {
							content: ['ppm'],
							type: 'label',
							xValue: 0,
							xAdjust: unit_x_adjust,
							yValue: 0,
							yAdjust: unit_y_adjust,
							color: gauges_text_color,
							backgroundColor: gauges_background_color,
							font: [{size: unit_font_size, weight: 'normal'}, {family: 'Arial'}],
						},
					}
				}



				
			}

		}
		

		
	};

	var CO2_chartCtx = document.getElementById('gauge_CO2').getContext('2d');
	var gauge_CO2 = new Chart(CO2_chartCtx, CO2_config);
		
</script>
