Com essa consulta eu consigo montar o gráfico da maneira que preciso?
O gráfico de pizza do Google recebe este formato de data para ser gerado:
[
['Task', 'Hours per Day'],
['Entradas', 500],
['Saidas', 1100]
]
ou seja, um array de arrays aonde o primeiro item do array no array é o nome da métrica ex (Task), e o segundo é o valor (que ele ocupara no gráfico)
Veja um exemplo funcional:
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Task', 'Hours per Day'],
['Entradas', 500],
['Saidas', 1100]
]);
var options = {
title: 'My Daily Activities'
};
var chart = new google.visualization.PieChart(document.getElementById('piechart'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="piechart" style="width: 900px; height: 500px;"></div>
</body>
</html>
Ou seja no primeiro item do array
é o titulo "Entradas" e o segundo o valor 500
Como coloco esses dados na montagem do gráfico?
Primeiro vamos deixar seu gráfico na estrutura que o google charts pede para pizza:
$grafico = [
['Task', 'Hours per Day']
];
//aonde esse primeiro array com esse elemento é o que está pedindo no [site][2]
depois você precisa inserir o resultado nos lugares certo para gerar o array como esperado.
//crio um array auxiliar
$array_auxiliar = [];
//esse while irá retornar duas linhas (conforme sua foto)
while ($obj = $stmt->fetchObject()){
//coloco o titulo para saidas (que na sua foto representa o texto)
$array_auxiliar[0] = $obj->Saidas;
//coloco o valor para saidas (que na sua foto representa o valor)
$array_auxiliar[1] = (int)$obj->TotalSaidas;
//adiciono em gráfico o array com os dados e o titulo saida.
$grafico[] = $array_auxiliar;
}
no final seu array $grafico
ficará assim:
[
['Task', 'Hours per Day'],
['Saidas', 1100],
['Entradas', 500]
]
Conforme mostra sua foto. É obvio que agora você precisará elaborar uma lógica para que ao mandar esse array pro seu html com esse código:
echo json_encode($grafico);
Ele monte o gráfico corretamente. pode se basear no exemplo funcional desta pergunta.