Buen dia, estoy haciendo una aplicacion en PHP
y Mysql
para gestionar los reportes atendidos en una oficina de atencion al cliente de una empresa de servicios de agua y saneamiento. En estos momentos estoy tratando de generar reportes estadisticos graficos utilizando Google Chart
y tengo problemas al generar un grafico de barras
.
Necesito un grafico como este:
pero el codigo utilizado me esta arrojando el siguiente grafico:
el codigo utilizado es el siguiente:
PHP query("SELECT servicio, estatus, count(estatus) as SUBTOTAL FROM reporte GROUP by servicio, estatus"); ?>
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="js/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['servicio', 'TOTAL'],
<?php
if($resulta_estatus->num_rows > 0){
while($row = $resulta_estatus->fetch_assoc()){
echo "['".$row['estatus']."', ".$row['SUBTOTAL']."],";
}
}
?>
]);
var options = {
title: 'Indicador de Gestion Mensual',
hAxis: {title: 'Tipo de Servicio', titleTextStyle: {color: 'red'}}
};
var chart = new google.visualization.ColumnChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="piechart"></div>
</body>
</html>
Agradecido por cualquier ayuda que me pueda brindar
Google chart
para generar el grafico