<script>

	//---------------------------------------------------------------------------------------------
	var	HR_valeur	= <?php echo($AQCM05_HR); ?>;
	var	HR_color 	= '<?php echo($AQCM05_HR_color); ?>';
	var	HR_mini 	= '<?php echo($HR_mini); ?>';
	var	HR_maxi 	= '<?php echo($HR_maxi); ?>';
 
	//---------------------------------------------------------------------------------------------
	var HR_config = {
		
		type: 'doughnut',
		
		data: {
			datasets: [{
				data: [HR_valeur - HR_mini, HR_maxi - HR_valeur],
				backgroundColor: [HR_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_HR,
				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: [HR_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: [HR_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: [HR_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: ['humidité'],
							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: ['%'],
							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 HR_chartCtx = document.getElementById('gauge_HR').getContext('2d');
	var gauge_HR = new Chart(HR_chartCtx, HR_config);

	//---------------------------------------------------------------------------------------------

</script>
