Bladephp: Now with 7+ codeigniter, php, and laravel project 7+ php project From $18/Year From Rs. 1000/Year

How to Display Data In Pie Chart Using PHP And jQuery

by
Category:php
php html
How to Display Data In Pie Chart Using PHP And jQuery

In this post we will make simple pie chart by using Google chart library with php script and mysql database. This advance topic in web development with php programming. For making pie chart we will use Google chart library for making pie chart and we have pass mysql data by using php programming in json format. You may also like Multiple file upload in Codeigniter and curl request in udemy api using php

PHP Code

<?php
$rating_data = array(
    array('Employee', 'Rating'),
    array('Suresh', 20),
    array('Amit', 56),
    array('Mitul', 56),
    array('Rahul', 37),
    
);
$encoded_data = json_encode($rating_data);
?>

HTML & jQuery Code

<html>
    <head>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        
        <script type="text/javascript">
            google.load("visualization", "1", {packages: ["corechart"]});
            google.setOnLoadCallback(drawChart);
            function drawChart()
            {
                var data = google.visualization.arrayToDataTable(
                <?php echo $encoded_data; ?>
                );
                var options = {
                    title: "Employee Ratings"
                };
                var chart = new google.visualization.PieChart(document.getElementById("employee_piechart"));
                chart.draw(data, options);
            }
        </script>
    </head>
    <body>
        <div id="employee_piechart" style="width: 900px; height: 500px;"></div>
    </body>
</html>

0 Comments


Html code work in comment box


Related Post