<script type = "text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script>
google.charts.load('current', {packages: ['corechart']});
google.charts.setOnLoadCallback(drawChart_Bar);
function drawChart_Bar()
{
var data = google.visualization.arrayToDataTable([
['Periodo','Importo'],
<?php
$query = mysqli_query($conn,"
SELECT O.esercizio, O.periodo, Sum(O.importo) AS Totale
FROM tbl_ordini O
INNER JOIN tbl_venditori V
ON O.id_venditore = V.id_venditore
GROUP BY O.periodo;
");
while($row = mysqli_fetch_array($query, MYSQLI_ASSOC))
{
echo "['" . $row["periodo"] . "'," . $row["Totale"] . "],";
}
?>
]);
var options = {
title:'Grafico per periodo',
legend:'none',
is3D:false,
width:'100%',
height:'100%',
backgroundColor:{fill:'transparent'},
series:{
0:{color:'#4488cc'},
},
hAxis:{minValue:0},
vAxis:{minValue:0, gridlineColor:'#cccccc'},
isStacked:false,
}
var chart = new google.visualization.ColumnChart(document.getElementById('chartBarId'));
chart.draw(data,options);
}
</script>