Google pie chart no data show

159 Views Asked by At

enter image description herei am using google pie chart but in chart No data massage show but when i run query and display it coming perfect but same query for data No data show, below the code please help me,

while running same query it give perfect result but not in chart

<?php require 'connection.php';  ?>
<?php $query = 'SELECT SBU, count(RG) AS State from regionmaster group by SBU';
$result = mysqli_query($conn, $query);
while ($value = mysqli_fetch_assoc($result)) {
    // echo $value['SBU'] . $value['State'];
    
    echo "['".$value['SBU']."',".$value['State']."],";
}
?>
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Pic Chart</title>

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
        google.charts.load('current', {
            'packages': ['corechart']
        });
        google.charts.setOnLoadCallback(drawChart);

        function drawChart() {

            var data = google.visualization.arrayToDataTable([
                ['Task', 'Hours per Day'],
                <?php 
                while ($Chart = mysqli_fetch_assoc($result)) {

                    echo "['".$Chart['SBU']."',".$Chart['State']."],";
                }

                ?>
            ]);

            var options = {
                title: 'My Daily Activities'
            };

            var chart = new google.visualization.PieChart(document.getElementById('piechart'));

            chart.draw(data, options);
        }
    </script>

</head>

<body>
    <div id="piechart" style="width: 900px; height: 500px;"></div>
</body>

</html> 
0

There are 0 best solutions below