<script type="text/javascript">

Highcharts.chart('container_LUX', {
	chart: {
		type: 'spline',
		zoomType: 'x',
        resetZoomButton: {
            position: {
                // align: 'right', // by default
                // verticalAlign: 'top', // by default
                x: -30,
                y: -37
            }
        },
		height:"25%",
		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: ' lux'
	},
	
	plotOptions: 
	{
		spline: 
		{
			marker: {
				enabled: false
			}
		},
        series: {
			animation: false,
            states: {
                hover: {
                    enabled: <?php echo $show_tooltip_status; ?>
                }
            }
        }
	},

	title: { <?php echo $title_LUX_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: 0,
		max: <?php echo $LUX_max; ?>,
		tickInterval: <?php echo $LUX_tickInterval; ?>,
		minorTicks: false,
		tickColor:"#000000",
		tickLength:5,
		allowDecimals: false,
		showFirstLabel:true,
		showLastLabel: true,
		tickWidth: 1,
		gridLineColor:"#CFCFCF",
		gridLineWidth: 1,
		gridLineDashStyle: 'Solid',
		minorGridLineColor:"#C9C9CB",
		minorGridLineDashStyle: 'Solid',
		minorGridLineWidth:1,


		labels:{
			align: 'right',
			x: -10,
			y: 5,
			style: { 
				color: "#000000",
				fontSize: "12px"
			}
		},
		title: {
			text: 'lux',
			x:40,
			y:-15,
			align: "high",
			style: { 
				color: "#000000",
				fontSize: "20px"
				},
			rotation: 0
		}
	},
			
	legend: {
		enabled: <?php echo $legend_status;?>,
		itemStyle: {"color": "#333333", "cursor": "pointer", "fontSize": "12px", "fontWeight": "bold", "textOverflow": "ellipsis"},
		backgroundColor: 'white',
		floating: true,
		layout: 'vertical',
		align: 'right',
		verticalAlign: 'top',
		x: +4,
		y: +20
	},

<?php 
echo "
	series: 
	[
"; 
	
for ( $i = 0; $i < $NB_sondes; $i++ ) {
$index_couleur = $i % $NB_couleurs;
if ($Flag_SONDE_OK[$i]) {

echo "
		{
			type: 'spline',
			name: '";echo $nom_sonde[$i];echo "', 
			visible: true,
			color: '" . $couleur_courbes[$index_couleur] . "',
			lineWidth: " . $HC_lineWidth . ", 
			data: [ 
"; 
					echo join($data_AQCM05[$i][9], ','); 
if ($i == $NB_sondes-1) {
	echo "
					  ]
			}";
} else {
	echo "
					  ]
			},";
}

}

}

echo "
	]
";


?>
	
});

</script>

