-2

我在 MySQL 中有一个包含以下数据的表

Buy_client    Amount

ABC            6597
XYZ            4479
PQR            2075
qqq            1706
ttt            1030
Other          450

我想在高图表的饼图中显示以下数据。有人请帮我解决这个问题。我是 PHP 和 HighCharts 的新手

问题 1：我需要根据这些数据创建一个饼图

问题 2：我为此使用了 HighCharts。有人请帮我在 HighCharts 中做到这一点

我已经使用以下代码来执行此操作，但它不会在饼图中显示信息，而只是在 Web 浏览器中显示数据

<!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);

$my_data = mysql_query("SELECT * FROM top_buy_clients");

while($row = mysql_fetch_array($my_data)) {
echo $row['buy_client'] . "\t" . $row['qty']. "\n";
}


?> 

<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: 'Browser market shares at a specific website, 2010'
            },
     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: 'Browser 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>
4

1 回答 1

1

在您的 php 中...您对数据库进行查询...在 while 循环中，您需要构造字符串，并且在循环结束时字符串应如下所示：

    $my_data = "['ABC',   6597],
                ['XYZ',   4479],
                ['PQR',   2075],
                ['qqq',   1706],
                ['ttt',   1030],
                ['Others', 450] ";

然后在你的javascript文件中，你应该有这样一行

series: [{
            type: 'pie',
            name: 'Pie Data',
            data: [
                <?php echo $my_data; ?>
            ]
        }]

这很简单。

萨卢多斯。

于 2013-03-02T13:21:19.213 回答