I have a code other than the graphics is, as I have not much knowledge helps to ask friends forum. I get the following message instead of the graphics:
var data1 = <?php echo json_encode($data1); ?>;
var data2 = <?php echo json_encode($data2); ?>;
var data3 = <?php echo json_encode($data3); ?>;
var data4 = <?php echo json_encode($data4); ?>;
var data5 = <?php echo json_encode($data5); ?>;
var data6 = <?php echo json_encode($data6); ?>;
var data7 = <?php echo json_encode($data7); ?>;
var data8 = <?php echo json_encode($data8); ?>;
var compatibleMode = false;
function loadGraph(div, data, title2, typer){
var o = {
titleTextStyle:{color:'#444'},
title: title2,
tooltip:{textStyle: {fontSize: '12'}},
hAxis:{textPosition: 'none', title:'', titleTextStyle: {fontSize: '11', color: '#444'}},
vAxis:{minValue:0},
chartArea:{left: '50', top: '15', width: '75%',right: 200},
backgroundColor:{stroke: 'white'},
hAxis: {title: '<?=$Lang->t("Day")?>'},
vAxis: {title: '<?=$Lang->t("Amount")?>'},
};
d = google.visualization.arrayToDataTable(data);
if(typer == 'pie'){
var c = compatibleMode ? new google.visualization.ColumnChart(document.getElementById(div)) : new google.visualization.PieChart(document.getElementById(div));
c.draw(d, o);
}
else if(typer == 'column'){
var c = compatibleMode ? new google.visualization.ColumnChart(document.getElementById(div)) : new google.visualization.ColumnChart(document.getElementById(div));
c.draw(d, o);
}
else if(typer == 'area'){
var c = compatibleMode ? new google.visualization.ColumnChart(document.getElementById(div)) : new google.visualization.AreaChart(document.getElementById(div));
c.draw(d, o);
}
}
else{
$('#'+div).html('<div class="grayish"><?=$Lang->t("No stats available yet!")?></div>');
}
}
function macGa(){
loadGraph('chart1', data1, '<?=$Lang->t("Messages")?>', 'area');
loadGraph('chart2', data2, '<?=$Lang->t("Images")?>', 'area');
loadGraph('chart3', data3, '<?=$Lang->t("Videos")?>', 'area');
loadGraph('chart6', data6, '<?=$Lang->t("Audios")?>', 'area');
loadGraph('chart4', data4, '<?=$Lang->t("Messages sent")?>', 'pie');
loadGraph('chart5', data5, '<?=$Lang->t("Images sent")?>', 'pie');
loadGraph('chart7', data7, '<?=$Lang->t("Videos sent")?>', 'pie');
loadGraph('chart8', data8, '<?=$Lang->t("Audios sent")?>', 'pie');
}
$(document).ready(function(){
var pkg = compatibleMode ? 'magelinechart' : 'corechart';
google.load('visualization', '1', {packages:[pkg], callback:macGa});
});
</script>
<?php