ElementStacks

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b3/jquery.mobile-1.0b3.min.css">
<script src="http://code.jquery.com/jquery-1.6.3.min.js"></script>
<script src="http://highcharts.com/js/testing.js"></script>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"  href="css/jquery.mobile-1.3.1.min.css">
<link rel="shortcut icon" href="favicon.ico">
<script src="js/jquery.js"></script>
<script src="js/jquery.mobile-1.3.1.min.js"></script>
<!-- Javascript includes -->
<script src="js/jquery-1.8.2.min.js"></script>
<link rel="apple-touch-icon" href="images/test-icone.ico" />
<link rel="icon" type="image/ico" href="images/favicon.ico"/>
<link type="text/css" rel="stylesheet" href="css/calendar.css"/>
<!-- Theme button -->
<link rel="stylesheet" href="css/theme_button/jqm-icon-pack-3.0.0-fa.css" />
<title>..:: STATS Enqu&ecirc;te Ligne C ::..</title>
<!--Javascript-->
<script language="javascript1.2" src="js/masks.js"></script>
<script type="text/javascript" src="js/calendar.js"></script>
<script type="text/javascript" src="js/send.js"></script>
<script type="text/javascript" src="highcharts/js/highcharts.js"></script>
<script type="text/javascript" src="highcharts/js/modules/exporting.js"></script>

       
<script type="text/javascript">
$(function () {
    var chart1;
    $(document).ready(function () {
        chart1 = new Highcharts.Chart({
            chart: {
                renderTo: 'container1',
				backgroundColor: {
				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
			stops: [
				[0, 'rgb(96, 96, 96)'],
				[1, 'rgb(16, 16, 16)']
			]
		},
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
				style: {
			color: '#FFF',
			font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
		},
                text: '<?php echo $fonction_1;?>'
      ...

JavaScript

$(function () {
    var chart1;
    $(document).ready(function () {
        chart1 = new Highcharts.Chart({
            chart: {
                renderTo: 'container1',
				backgroundColor: {
				linearGradient: { x1: 0, y1: 0, x2: 0, y2: 1 },
			stops: [
				[0, 'rgb(96, 96, 96)'],
				[1, 'rgb(16, 16, 16)']
			]
		},
                plotBackgroundColor: null,
                plotBorderWidth: null,
                plotShadow: false
            },
            title: {
				style: {
			color: '#FFF',
			font: '16px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
		},
                text: '<?php echo $fonction_1;?>'
            },
			subtitle: {
				style: {
			color: '#DDD',
			font: '12px Lucida Grande, Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif'
		},
                text: 'TNC PRG LAD'
            },
            tooltip: {
        	    pointFormat: '{series.name}: <b>{point.percentage}%</b>',
            	percentageDecimals: 1
            },
            plotOptions: {
                pie: {
                    allowPointSelect: true,
                    cursor: 'pointer',
                    dataLabels: {
                        enabled: false
                    },
                    showInLegend: true
                }
            },
            series: [{
                type: 'pie',
                name: 'fonction',
                data: [
                    {name:'<?php echo $reponse_10?>',  y:<?php echo $tab_reponse_10 ?>, color:'#01B0F0'},
                 	{name:'<?php echo $reponse_11?>',      	y:<?php echo $tab_reponse_11 ?>, color:'#B9121B'},
				 	{
                        name: '<?php echo $reponse_12?>',
                        y: <?php echo $tab_reponse_12 ?>,
						color:'#A9A9A9',
                        sliced: true,
                        selected: true
                    }
                ]
				
            }]
        });
    });
	});
$(function () {
    var chart2;
   ...