In this post i want to explain about php graphs or charts using google visualizations api. We can implement with less code. I have used this code in several projects which is developed. And it is free. We can integrate in admin section dashboard to more visible to admin.
php graphs using google visualizations chart api | Anil Labs
Javscript Code
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Task');
data.addColumn('number', 'Hours per Day');
data.addRows(5);
data.setValue(0, 0, 'Articles');
data.setValue(0, 1, 15);
data.setValue(1, 0, 'CMS');
data.setValue(1, 1, 2);
data.setValue(2, 0, 'PHP');
data.setValue(2, 1, 25);
data.setValue(3, 0, 'Shopping cart');
data.setValue(3, 1, 2);
data.setValue(4, 0, 'Database');
data.setValue(4, 1, 7);
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, {width: 450, height: 300, title: 'Anil Labs Posts'});
}
</script>
<script type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Task');
data.addColumn('number', 'Hours per Day');
data.addRows(5);
data.setValue(0, 0, 'Articles');
data.setValue(0, 1, 15);
data.setValue(1, 0, 'CMS');
data.setValue(1, 1, 2);
data.setValue(2, 0, 'PHP');
data.setValue(2, 1, 25);
data.setValue(3, 0, 'Shopping cart');
data.setValue(3, 1, 2);
data.setValue(4, 0, 'Database');
data.setValue(4, 1, 7);
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, {width: 450, height: 300, title: 'Anil Labs Posts'});
}
</script>
We can simple way to use this code.
HTML Code:
<html>
<head>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
<head>
</head>
<body>
<div id="chart_div"></div>
</body>
</html>
Are you reading the Values from a Database? . Which part are you implementing with PHP?
@Nerd , Here i am using with static values. We can implement it with dynamic values from the database. Thanks.
It’s useful. Anil need some more information about googel appspot.
How do we get the data using PHP and pass it to the Google Visualization API?
Hi i want to pass the values from Db and plot the chart…
so how do i call in data.setvalue(); ?????
Pingback : Share A Code » Blog Archive » PHP graphs using google chart api
this topic is very useful one