<script>

	var	HCHO_valeur	= <?php echo($AQCM05_HCHO); ?>;
	var	HCHO_color	= '<?php echo($AQCM05_HCHO_color); ?>';
	var	HCHO_mini	= <?php echo($HCHO_mini); ?>;
	var	HCHO_maxi	= <?php echo($HCHO_maxi); ?>;
 
	var HCHO_config = {
		
		type: 'doughnut',
		
		data: {
			datasets: [{
				data: [ HCHO_valeur - HCHO_mini, HCHO_maxi - HCHO_valeur ],
				backgroundColor: [HCHO_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_HCHO,
				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: [HCHO_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: [HCHO_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: [HCHO_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: ['HCHO'],
							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: ['μg/m3'],
							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 HCHO_chartCtx = document.getElementById('gauge_HCHO').getContext('2d');
	var gauge_HCHO = new Chart(HCHO_chartCtx, HCHO_config);
		
</script>
