从mysql数据库绘制饼状图 - Drawing a pie chart from mysql db

Drawing a pie chart from mysql db

本文关键字：绘制 mysql 数据库 | 更新日期: 2023-09-27

我正在努力从MySql表创建一个饼状图。

我的表就像下面

buy_trader    qty
 TKS3G  2069
 MSB1G  4417
 JKB6   4021
 FWS2   3507
 ASI1G  2578
 other  18228

我使用以下代码从表格生成饼状图。请帮我解决这个问题

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Highcharts Example</title>
 <?php
 $con = mysql_connect("localhost","root","");
 if (!$con) {
 die('Could not connect: ' . mysql_error());
  }
  mysql_select_db("offlinesurv", $con);
  $result = mysql_query("SELECT * FROM top_buy_trades");
  while($row = mysql_fetch_array($result)) {
  echo $row['buy_trader'] . "'t" . $row['qty']. "'n";
  }
   mysql_close($con);
  ?> 
  <script type="text/javascript" src="js/jquery.js"></script>
  <script type="text/javascript">

 $(function () {
  var chart;
  $(document).ready(function() {
   chart = new Highcharts.Chart({
    chart: {
     renderTo: 'container',
     plotBackgroundColor: null,
     plotBorderWidth: null,
     plotShadow: false
       },
     title: {
       text: 'Top Buy Traders'
        },
        tooltip: {
         pointFormat: '{series.name}: <b>{point.percentage}%</b>',
         percentageDecimals: 1
         },
         plotOptions: {
           pie: {
           allowPointSelect: true,
           cursor: 'pointer',
           dataLabels: {
           enabled: true,
           color: '#000000',
                    connectorColor: 'green',
                    formatter: function() {
                        return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
                    }
                }
            }
        },
        series: [{
            type: 'pie',
            name: 'Broker share',
            data: [<?php echo $row ?>]
        }]
    });
 });
});
    </script>
</head>
<body>
<script src="js/highcharts.js"></script>
<script src="js/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</body>
</html>

请帮我一下。因为我从一段时间以来一直在努力解决这个问题。

这段代码有什么问题

这一行的内容是:

data: [<?php echo $row ?>]

不在循环中。您需要通过循环遍历所有数据库结果，从mysql数据中生成highcahrts的一系列数据。目前，这将生成一行，由于它在PHP循环之外，因此它将是不正确的。

应该是这样的:

while($row = mysql_fetch_array($result)) {
  echo //more data into your series array into the JS code
}

不能这样传递值。试试下面的代码

将while循环改为

while($row = mysql_fetch_array($result)) {
   $traders[] = array(
      'trader' => $row['buy_trader'],
      'qty'    => $row['qty']
   );
}

然后将脚本更改为

series: [{
            type: 'pie',
            name: 'Broker share',
            data: [
                    <?php
                      foreach($traders as $trader) {
                         echo "[".$trader['trader'].",". $trader['qty']."],";
                     }
                     ?>
            ]
        }]

请看有关数据预处理的文章http://docs.highcharts.com/#preprocessing