PHP graphs using google visualizations chart api

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

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>

We can simple way to use this code.

HTML Code:

<html>
  <head>
   
  </head>

  <body>
    <div id="chart_div"></div>
  </body>
</html>

Anil Kumar Panigrahi

With more than 10 years experience in PHP and Founder of Anil Labs, a blog for PHP and related posts. contributed posts regarding CodeIgniter, CakePHP and Learn PHP online ... Contact : [email protected]

You may also like...

7 Responses

  1. Nerd says:

    Are you reading the Values from a Database? . Which part are you implementing with PHP?

  2. @Nerd , Here i am using with static values. We can implement it with dynamic values from the database. Thanks.

  3. Srinivas says:

    It’s useful. Anil need some more information about googel appspot.

  4. CACUser says:

    How do we get the data using PHP and pass it to the Google Visualization API?

  5. new user says:

    Hi i want to pass the values from Db and plot the chart…
    so how do i call in data.setvalue(); ?????

  6. ravi says:

    this topic is very useful one

  1. July 3, 2012

    […] can do a graphical representation of our data using php graphs or charts using google visualizations api. It’s absolutely free. We can use it in admin panel dashboard and reporting etc. The code is […]

Leave a Reply

Your email address will not be published. Required fields are marked *