invocacion de headers

en el header no lleva nada

esto va en el footer
<!-- link para las graficas -->
<script src="js/highcharts.js"></script>
<script language = "JavaScript" type = "text/javascript" src="js/exporting.js"
></script>
<script src="js/highcharts-3d.js"></script>
<script src="js/data.js"></script>
<script src="js/drilldown.js"></script>
<script src="js/highcharts-more.js"></script>

invocacion del metodo en class

function count_total_sec_priv(){
$sql = "SELECT COUNT(*) as res_total
from preinscripcion_secundaria ps,
centros.vista_cct v, desc_regiones r
WHERE ps.cct_asignado=v.cct and
v.municipio=r.municipio and cve_motivo='10'";
$this->set_sql($sql);
$rs = mysqli_query($this->db_conn, $this->db_query)
or die(mysqli_error($this->db_conn));
$total_de_registro = mysqli_num_rows($rs);
$renglon= mysqli_fetch_array($rs);
$cuantos= $renglon[0];
return $cuantos;
}
frm_grafica_particular
<?php
//include("../../../../clases_sedu/class_desc_regiones_dal.php");
include("../../../../clases_azure/class_desc_regiones_dal.php");

date_default_timezone_set('America/Mexico_City');
$date= date("d/m/Y, h:i:s");

$des_region= new desc_regiones_dal;

$res_total= $des_region->count_total_sec_priv();
$suma_final = number_format($res_total);
?>

<style>
@import url(http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,700);
* {
margin: 0;
padding: 0;
}

.cf:before, .pricing-table:before,
.cf:after,
.pricing-table:after {
content: ".";
display: block;
height: 0;
overflow: hidden;
}
.cf:after, .pricing-table:after {
clear: both;
}

.cf, .pricing-table {
zoom: 1;
}

body {
font: 16px/28px "Roboto";
font-weight: lighter;
}

strong {
font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {

font-weight: lighter;
}

.wrap {
width: 300px;
margin: 70px auto;
color: #607d8b;
box-shadow: 1px 1px 10px #424242;
}

.pricing-table .plan {
box-sizing: border-box;
width: 300px;
background-color: #fff;
float: left;
text-align: center;
position: relative;
z-index: 10;
}
.pricing-table .plan h3.name {
font-size: 20px;
background-color: #546e7a;
padding: 15px;
color: #fff;
}
.pricing-table .plan h4.price {
font-size: 49px;
color: #fff;
padding: 30px;
background-color: #01A4F5;
line-height: 40px;
}
.pricing-table .plan h4.price span {
font-size: 16px;
font-style: italic;
}
.pricing-table .plan ul.details {
list-style-type: none;
}
.pricing-table .plan ul.details li {
 border-bottom: 1px solid #B3B9C4;
padding: 15px;
}
.pricing-table .plan h5.order {
padding: 30px;
font-size: 17px;
}
.pricing-table .plan h5.order a {
text-decoration: none;
color: #fff;
background-color: #01A4F5;
padding: 10px 20px;
}
.pricing-table .plan:first-child h4.price {
background-color: #0EC0A5;
}
.pricing-table .plan:first-child h5.order a {
background-color: #0EC0A5;
}
.pricing-table .plan:last-child h4.price {
background-color: #F22D47;
}
.pricing-table .plan:last-child h5.order a {
background-color: #F22D47;
}
.pricing-table .plan:nth-child(2n) {
box-shadow: 0px 0px 10px #424242;
z-index: 100;
}

</style>
<pre>ESTADISTICA GENERAL NIVEL PRIMARIA PARTICULAR</pre>
<div id="container" style="min-width: 330px; height: 400px; max-width: 600px;
margin: 0 auto"></div>

<script >
/*$(function () {
Highcharts.getOptions().colors = Highcharts.map(Highcharts.getOptions().colors,
function (color) {
return {
radialGradient: {
cx: 0.5,
cy: 0.3,
r: 0.7
},
stops: [
[0, color],
[1, Highcharts.Color(color).brighten(-0.3).get('rgb')] // darken
]
};
});

// Build the chart

Highcharts.chart('container', {
chart: {
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: true,
type: 'column'
 },
title: {
text: 'ESTADÍSTICA GENERAL NIVEL SECUNDARIA PARTICULAR'
},
subtitle: {
text: '<strong>FECHA Y HORA: <?php echo $date; ?
></strong><br><strong>TOTAL REGISTRADOS: <?php echo $suma_final; ?></strong>'

},
credits: {
text: 'SECRETARÍA DE EDUCACIÓN COAHUILA ® 2017'
},
xAxis: {
categories: ['Registrados']
},
yAxis: {
min: 0,
title: {
text: 'Alumnos'
}
},
plotOptions: {
column: {
dataLabels: {
enabled: true,
distance: -50,
style: {
fontWeight: 'bold',
color: 'red'
}
},
startAngle: -90,
endAngle: 90,
center: ['50%', '75%']
}
},
series: [{
name: 'REGISTRADOS',
color: ['#2C8B40'],
data: [
['TOTAL REGISTRADOS', <?php echo $res_total; ?>]
]
}]
});
});
*/
var chart = Highcharts.chart('container', {

title: {
text: 'ESTADÍSTICA GENERAL NIVEL SECUNDARIA PARTICULAR'
},

subtitle: {
text: '<strong>FECHA Y HORA: <?php echo $date; ?></strong><br><strong>TOTAL
REGISTRADOS: <?php echo $suma_final; ?></strong>'

},

xAxis: {
 categories: ['TOTAL REGISTRADOS']
},
credits: {
text: 'SECRETARÍA DE EDUCACIÓN COAHUILA ® 2019'
},
plotOptions: {
series: {
dataLabels: {
enabled: true
}
}
},
series: [{
type: 'column',
name: 'TOTAL DE PREINSCRITOS',
colorByPoint: true,
colors: ['#795548'],
data: [<?php echo $res_total; ?>],
showInLegend: false
}]

});

$('#plain').click(function () {
chart.update({
chart: {
inverted: false,
polar: false
},
subtitle: {
text: '<strong>FECHA Y HORA: <?php echo $date; ?
></strong><br><strong>TOTAL REGISTRADOS: <?php echo $suma_final; ?></strong>'

}
});
});

$('#inverted').click(function () {
chart.update({
chart: {
inverted: true,
polar: false
},
subtitle: {
text: '<strong>FECHA Y HORA: <?php echo $date; ?
></strong><br><strong>TOTAL REGISTRADOS: <?php echo $suma_final; ?></strong>'

}
});
});

$('#polar').click(function () {
chart.update({
chart: {
inverted: false,
polar: true
},
subtitle: {
 text: '<strong>FECHA Y HORA: <?php echo $date; ?
></strong><br><strong>TOTAL REGISTRADOS: <?php echo $suma_final; ?></strong>'

}
});
});
</script>
<div id="container"></div>
<button id="plain">Plain</button>
<button id="inverted">Inverted</button>
<button id="polar">Polar</button>

<div class="wrap">
<div><h3 class="name"><center>SECUNDARIA PARTICULAR
GENERAL</center></h3></div>
<div class="pricing-table">
<div class="plan">
<h3 class="name">1º Grado</h3>
<h4 class="price">Total<br><span><?php echo $res_total; ?
></span></h4>
<!--<h5 class="order"><a href="#">Order Now</a></h5>-->
</div><!--.plan-->
</div><!--.pricing-table-->
</div><!--.wrap-->

<?php
unset($des_region);
?>