<script type="text/javascript">

Highcharts.chart('container_HR', {
	chart: {
		type: '<?php echo $chart_type; ?>',
		zoomType: 'x',
        resetZoomButton: {
            position: {
                // align: 'right', // by default
                // verticalAlign: 'top', // by default
                x: -30,
                y: -37
            }
        },
		height:"30%",
		marginLeft: 50,
		marginRight: <?php echo $legend_margin_right; ?>,
		marginTop:40,
		marginBottom:50,
		spacingLeft:0,
		plotBorderColor: '#346691',
        plotBorderWidth: 2,
		borderWidth: 1
	},

    credits: {
        enabled: false
    },

	tooltip: {
		xDateFormat: '%d/%m - %H:%M',
		enabled: <?php echo $show_tooltip_status; ?>,
		valueSuffix: ' %'
	},
	
	title: { <?php echo $title_AQCM05_HR_HighCharts;?>,
	},

	xAxis: {
		startOnTick: true,
		endOnTick: true,
		tickColor:"#000000",
		tickLength:5,
		tickInterval: 1*3600*1000,
		gridLineColor:"#CFCFCF",
		gridLineWidth: 1,
        min: <?php echo 1000*$start;?>,
        max: <?php echo 1000*$stop;?>,
		type: 'datetime',
		dateTimeLabelFormats: { // don't display the dummy year
		month: '%e. %b',
		year: '%b'
		}
	},

	yAxis: 
	{ // right y axis
		offset: 0,
        min: <?php echo $HC_HR_min_scale; ?>,
        max: <?php echo $HC_HR_max_scale; ?>,
		tickInterval: <?php echo $HC_HR_tickInterval;?>,
		minorTickInterval: <?php echo $HC_HR_minorTickInterval; ?>,
		tickColor:"#000000",
		tickLength:5,
		tickWidth: 1,
		allowDecimals: false,
		showFirstLabel:true,
		showLastLabel: true,
		gridLineColor: 'rgba(0, 0, 0, 0.0)',
		gridLineWidth: 1,
		gridLineDashStyle: 'Solid',
		minorTicks: true,
		minorGridLineColor:"#C9C9CB",
		minorGridLineDashStyle: 'Solid',
		minorGridLineWidth:1,
		labels:{
			align: 'right',
			x: -10,
			y: 5,
			style: { 
				color: "#000000",
				fontSize: "14px"
			}
        },
		
		title: {
			text: '%',
			x:40,
			y:-15,
			align: "high",
			style: { 
				fontSize: "20px",
				color: 'black'
				},
			rotation: 0
		},
		
		plotLines: [
			{
				value: <?php echo($_SESSION['GRAPH_HR_SEUIL']); ?>,
				zIndex:4,
				color: 'rgba(0, 0, 0, 1)',
				dashStyle: 'ShortDash',
				width: 1,
				label: {
					y: -6,
					text: ''
				}
			},
			{
				value: <?php echo $aqcm_HR_TRIG_0; ?>,
				zIndex:3,
				color: '#28ED5D',
				dashStyle: 'solid',
				width: 2,
				label: {
					y: -6,
					text: '<?php echo $aqcm_HR_TRIG_0; ?> %'
				}
			},
			{
				value: <?php echo $aqcm_HR_TRIG_1; ?>,
				zIndex:3,
				color: '#069A2E',
				dashStyle: 'solid',
				width: 2,
				label: {
					y: -6,
					text: '<?php echo $aqcm_HR_TRIG_1; ?> %'
				}
			},
			{
				value: <?php echo $aqcm_HR_TRIG_2; ?>,
				zIndex:3, 
				color: '#FFFF00',
				dashStyle: 'solid',
				width: 2,
				label: {
					y: -6,
					text: '<?php echo $aqcm_HR_TRIG_2; ?> %'
				}
			},
			{
				value: <?php echo $aqcm_HR_TRIG_3; ?>,
				zIndex:3,
				color: '#FFBF00',
				dashStyle: 'solid',
				width: 2,
				label: {
					y: -6,
					text: '<?php echo $aqcm_HR_TRIG_3; ?> %'
				}
			},
			{
				value: <?php echo $aqcm_HR_TRIG_4; ?>,
				zIndex:3,
				color: '#FF0000',
				dashStyle: 'solid',
				width: 2,
				label: {
					y: -6,
					text: '<?php echo $aqcm_HR_TRIG_4; ?> %'
				}
			},
			{
				value: <?php echo $aqcm_HR_TRIG_5; ?>,
				zIndex:3,
				color: '#780373',
				dashStyle: 'solid',
				width: 2,
				label: {
					y: -6,
					text: '<?php echo $aqcm_HR_TRIG_5; ?> %'
				}
			}

		]
		
	},
                
	plotOptions: 
	{
		spline: 
		{
			marker: {
				enabled: false
			}
		},
        series: {
			animation: false,
            states: {
                hover: {
                    enabled: <?php echo $show_tooltip_status; ?>
                }
            }
        },
		
		areaspline: {
			zones: [
					{
					  value: <?php echo($_SESSION['GRAPH_HR_SEUIL']); ?>,
					  zIndex:1,
					  color: '#000000',
					  fillColor: {
						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
						stops: [
						  [0, "rgba(255, 0, 0, 0)"],
						  [1, "rgba(255, 0, 0, 0.5)"],
						],
					  },
					  threshold: Infinity,
					},
					{
					  color: '#000000',
					  fillColor: {
						linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
						stops: [
						  [0, "rgba(0, 0, 255, 0.5)"],
						  [1, "rgba(0, 0, 255, 0)"],
						],
					  },
					}
			],
			marker: {
				radius: 2
			},
			lineWidth: 1,
			states: {
				hover: {
					lineWidth: 1
				}
			},
			threshold: <?php echo($_SESSION['GRAPH_HR_SEUIL']); ?>
		}		

	},

	legend: {
		enabled: <?php echo $show_mini_maxi; ?>,
		title: {
			text: '<span style="font-size: 9px; color: #666; font-weight: normal">(montrer/cacher)</span>',
			style: {
				fontStyle: 'italic'
			}
		},
		backgroundColor: 'white',
		floating: true,
		layout: 'vertical',
		align: 'right',
		verticalAlign: 'top',
		x: 5,
		y: 29
	},

<?php 
echo "
	series: 
	[
"; 
	
for ($i=($NB_sondes-1);$i>=0;$i--) {

if ($Flag_SONDE_OK[$i]) {

echo "
		{
			type: '" . $chart_type_min . "',
			name: '";echo "HR_min";echo "', 
			visible: " . $min_max_visible . ",
			color: '" . $HC_couleur_courbes_min . "',
			lineWidth: " . $HC_lineWidth_min . ", 
			data: [ 
"; 
					echo join($data_AQCM05[$i][1][0], ','); 
echo "
				  ]
		},";
		
echo "
		{
			name: '";echo "HR";echo "', 
			type: '" . $chart_type_moy_thin . "',
			visible: true,
			color: '" . $HC_couleur_courbes_moy_thin . "',
			lineWidth: " . $HC_lineWidth_moy_thin . ", 
			data: [ 
"; 
					echo join($data_AQCM05[$i][1][1], ','); 
echo "
				  ]
		},";
		
echo "
		{
			type: '" . $chart_type_max . "',
			name: '";echo "HR_max";echo "', 
			visible: " . $min_max_visible . ",
			color: '" . $HC_couleur_courbes_max . "',
			lineWidth: " . $HC_lineWidth_max . ", 
			data: [ 
"; 
					echo join($data_AQCM05[$i][1][2], ','); 
echo "
				  ]
		},";
		
}

}

echo "
	]
";


?>
	
});

</script>

