<script type="text/javascript">

Highcharts.chart('container_PM10', {
	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: ' ug/m3'
	},
	
	plotOptions: 
	{
		spline: 
		{
			marker: {
				enabled: false
			}
		},
        series: {
			animation: false,
            states: {
                hover: {
                    enabled: <?php echo $show_tooltip_status; ?>
                }
            }
        },
		
		areaspline: {
			fillColor: {
				linearGradient: {
					x1: 0,
					y1: 0,
					x2: 0,
					y2: 1
				},
				stops: [
					[0, Highcharts.getOptions().colors[0]],
					[1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
				]
			},
			marker: {
				radius: 2
			},
			lineWidth: 1,
			states: {
				hover: {
					lineWidth: 1
				}
			},
			threshold: null
		}		

	},

	title: { <?php echo $title_AQCM05_PM10_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: 
	{ 
		offset: 0,
        min: <?php echo $HC_PM25_PM10_min_scale; ?>,
		max: <?php echo $HC_PM25_PM10_max_scale; ?>,
		tickInterval: <?php echo $HC_PM25_PM10_tickInterval; ?>,
		minorTickInterval: <?php echo $HC_PM25_PM10_minorTickInterval; ?>,
		tickColor:"#000000",
		tickLength:5,
		tickWidth: 1,
		allowDecimals: false,
		showFirstLabel:true,
		showLastLabel: true,
		gridLineColor:"#C9C9CB",
		gridLineWidth: 1,
		gridLineDashStyle: 'Solid',
		minorTicks: true,
		minorGridLineColor:"#C9C9CB",
		minorGridLineDashStyle: 'Solid',
		minorGridLineWidth:1,
		labels:{
			align: 'right',
			x: -10,
			y: 5,
			style: { 
				color: "#000000",
				fontSize: "12px"
			}
		},
		title: {
			text: 'ug/m3',
			x:80,
			y:-15,
			align: "high",
			style: { 
				color: "#000000",
				fontSize: "20px"
				},
			rotation: 0
		},
		plotLines: [
			{
				value: <?php echo $aqcm_PM25_TRIG_0; ?>,
				zIndex:3,
				color: '#28ED5D',
				dashStyle: 'solid',
				width: 3,
				label: {
					y: -6,
					text: '<?php echo $aqcm_PM25_TRIG_0; ?> ug/m3'
				}
			},
			{
				value: <?php echo $aqcm_PM25_TRIG_1; ?>,
				zIndex:3,
				color: '#069A2E',
				dashStyle: 'solid',
				width: 3,
				label: {
					y: -6,
					text: '<?php echo $aqcm_PM25_TRIG_1; ?> ug/m3'
				}
			},
			{
				value: <?php echo $aqcm_PM25_TRIG_2; ?>,
				zIndex:3,
				color: '#FFFF00',
				dashStyle: 'solid',
				width: 3,
				label: {
					y: -6,
					text: '<?php echo $aqcm_PM25_TRIG_2; ?> ug/m3'
				}
			},
			{
				value: <?php echo $aqcm_PM25_TRIG_3; ?>,
				zIndex:3,
				color: '#FFBF00',
				dashStyle: 'solid',
				width: 3,
				label: {
					y: -6,
					text: '<?php echo $aqcm_PM25_TRIG_3; ?> ug/m3'
				}
			},
			{
				value: <?php echo $aqcm_PM25_TRIG_4; ?>,
				zIndex:3,
				color: '#FF0000',
				dashStyle: 'solid',
				width: 3,
				label: {
					y: -6,
					text: '<?php echo $aqcm_PM25_TRIG_4; ?> ug/m3'
				}
			},
			{
				value: <?php echo $aqcm_PM25_TRIG_5; ?>,
				zIndex:3,
				color: '#780373',
				dashStyle: 'solid',
				width: 3,
				label: {
					y: -6,
					text: '<?php echo $aqcm_PM25_TRIG_5; ?> ug/m3'
				}
			}

		]



	},
			
	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 "PM10_min";echo "', 
			visible: " . $min_max_visible . ",
			color: '" . $HC_couleur_courbes_min . "',
			lineWidth: " . $HC_lineWidth_min . ", 
			data: [ 
"; 
					echo join($data_AQCM05[$i][8][0], ','); 
echo "
				  ]
		},";
		
echo "
		{
			name: '";echo "PM10";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][8][1], ','); 
echo "
				  ]
		},";
		
echo "
		{
			type: '" . $chart_type_max . "',
			name: '";echo "PM10_max";echo "', 
			visible: " . $min_max_visible . ",
			color: '" . $HC_couleur_courbes_max . "',
			lineWidth: " . $HC_lineWidth_max . ", 
			data: [ 
"; 
					echo join($data_AQCM05[$i][8][2], ','); 
echo "
				  ]
		},";
		
}

}

echo "
	]
";


?>
	
});

</script>

