Название для круговой диаграммы Google появляется, но диаграмма не отображается в браузере - PullRequest
Новая
       5

Название для круговой диаграммы Google появляется, но диаграмма не отображается в браузере

0 голосов
/ 01 июня 2018

Я написал код для динамического представления расходов компании за неделю из базы данных mySQL с помощью круговой диаграммы Google.В моем коде нет ошибок.Отображается заголовок диаграммы, но диаграмма не отображается в браузере.Будем рады, если вы, ребята, помогли.

Код PHP, используемый для выбора данных из базы данных, выглядит следующим образом: 

<?php

$host='localhost';
$user='root';
$pass='xxxx';
$db='petrol_bunk';

$con=mysqli_connect($host,$user,$pass) or die("Not Connected");
mysqli_select_db($con,$db) or die("DB Not Found");  

$query ="SELECT SUM(`auditing`), SUM(`assests`), SUM(`advertisements`),SUM(`bank_charges`), SUM(`driver_bata`), SUM(`electricity`), SUM(`food`), SUM(`maintenance`), SUM(`printing`), SUM(`salary`), SUM(`office_supplies`), SUM(`taxes`), SUM(`tele_internet`),SUM(`generator`)*AVG(`hsd_price`), SUM(`others`) FROM `daily_expenses` WHERE `date` between date_sub(now(),INTERVAL 1 WEEK) and now();";

$resultPieWeek=mysqli_query($con,$query);?>

Часть кода скрипта выглядит следующим образом: 

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>

    <script type="text/javascript" src="https://www.google.com/jsapi"></script>

    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

    <script type="text/javascript">

    $(function() {
          $( 'ul.nav li' ).on( 'click', function() {
                $( this ).parent().find( 'li.active' ).removeClass( 'active' );
                $( this ).addClass( 'active' );
          });

    });  
    google.charts.load('current', {'packages':['corechart','timeline','table']});


    function drawPieWeekChart(){


        var data = google.visualization.arrayToDataTable([ 
        ['Type of Expenditure', 'Amount'],

                    <?php 

                    $row=mysqli_fetch_array($resultPieWeek);

                    echo "['Auditing','".$row[0]."'],['Assests','".$row[1]."'], ['Advertisements', '".$row[2]."'],['Bank Charges', '".$row[3]."'], ['Driver Bata', '".$row[4]."'],['Electricity','".$row[5]."'],['Food','".$row[6]."'],['Maintenance','".$row[7]."'], ['Printing','".$row[8]."'],['Salary','".$row[9]."'], ['Office Supplies','".$row[10]."'],['Taxes','".$row[11]."'],['Telephone and Internet','".$row[12]."'],['Petrol for Generator','".$row[13]."'],['Others','".$row[14]."']";
                    ?>
                    ]);


        var options = {
            title: "THIS WEEK's EXPENDITURE"
        };

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

        chart.draw(data, options);

    }


    google.charts.setOnLoadCallback(drawPieWeekChart); 


</script>

HTML-код, который я использовал для вызова графика, приведен ниже: 

<div class="tab-content">

<div role="tabpanel" class="tab-pane active" id="weekly_exp">
      <div id="pieWeek"></div>
</div>

Заранее спасибо, ребята. Я волнуюсь здесь.

1 Ответ

0 голосов
/ 01 июня 2018

вам нужно удалить кавычки из значений, они должны быть числами, а не строками ... 

echo "['Auditing',".$row[0]."],['Assests',".$row[1]."],...
...