如何使用PHP和MYSQL创建饼图？

Question

我有一个表格显示我的数据，它的功能完美。我需要在饼图中添加以显示表格中显示的完全相同的数据。

<thead> 
       <tr> 
        <th>Account Type</th> 
        <th>Account Number</th> 
        <th>Account Balance</th> 
       </tr> 
      </thead> 
       <?php 
       $query = "SELECT * FROM account WHERE user_id='$user_id'"; 
       $result = mysqli_query($link, $query) or die(mysqli_error($link)); 
       while ($row = mysqli_fetch_array($result)) { 
        $acc_type = $row ['account_type']; 
        $acc_num = $row ['account_number']; 
        $acc_bal = $row ['account_balance']; 

        ?> 
       <tbody> 
        <tr> 
         <td><?php echo $acc_type ?></td> 
         <td><?php echo $acc_num ?></td> 
         <td>$ <?php echo $acc_bal ?></td> 
        <?php 
       } 
       ?> 
        </tr> 
      </tbody> 
      <tr class="alt"> 
       <?php 
       $query = "SELECT SUM(account_balance) AS account_total FROM account WHERE user_id='$user_id'"; 
       $result = mysqli_query($link, $query) or die(mysqli_error($link)); 
       while ($row = mysqli_fetch_array($result)){ 
        $acc_total = $row ['account_total']; 
       ?> 
       <td colspan="2" align="right"><b>Total: </b></td> 
       <td align="right"><b>$ <?php echo $acc_total ?> </b></td> 
       <?php 
       } 
       ?> 
      </tr> 

Answer 1

使用第三方。

这是一个。看看他们的示例＃15 - 基本饼图 http://pchart.sourceforge.net/documentation.php?topic=exemple15

Answer 2

为什么不试试Google图表，这是最简单的方法。

退房的链接 https://developers.google.com/chart/interactive/docs/gallery/piechart

Answer 3

步骤1.选择图表和图形库;有很多免费或商业的。其中最常用的是Google图表库（免费），它是一个JavaScript库

第2步。从MySQL中检索数据。

第3步。对于饼图通常需要一个标签 - 值对列表。饼的每一片都有一个标签和一个值。准备步骤2中的数据并将其放在所选图表库所需的表单中。在谷歌图表的情况下，你可以使用这样的：如果你想了解其他库用于绘制这里的饼图是how to create simple pie chart with 3 popular libraries

也看看Creating a PHP MySQL pie graph

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
    <div id="piechart" style="width: 500px; height: 500px;"></div> 
    <script type="text/javascript"> 
     google.charts.load('current', {'packages':['corechart']}); 
     google.charts.setOnLoadCallback(drawChart); 
     function drawChart() { 
     var data = google.visualization.arrayToDataTable([ 
        ['Account Number', 'Account Balance'], 
     <?php while ($row = mysqli_fetch_array($result)) { 
          $acc_type = $row ['account_type']; 
          $acc_num = $row ['account_number']; 
          $acc_bal = $row ['account_balance']; 

          ?> 
        ['<?php echo $acc_num ?>',<?php echo $acc_bal ?>], 
     <?php } ?>  
       ]); 
     var chart = new google.visualization.PieChart(document.getElementById('piechart')); 

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

- 它采用了第三方库一步一步举例。另外