1

我正在尝试使用从 MySQL 获取信息的 php 文件制作饼图，JSON 对其进行编码，然后将其发送到我的 JS 文件以制作饼图。我查看了此处发布的大多数其他问题，但没有一个对我有帮助。我试图重新编写我的代码以匹配似乎适合的代码，但没有任何效果。
我的 php 文件是：

$shelvDate = $_POST['shelvDate'];
$x = 0;

// get information from database for shelving chart
$shelv = $conn -> query ("SELECT sum(quantity) as qty, date_process, created_by, first_name from inventory LEFT JOIN users on users.user_id =inventory.created_by
    WHERE date_process = '$shelvDate' GROUP BY created_by" );
$num_rows = $shelv->num_rows;

if($num_rows > 0){
    while($row = $shelv->fetch_assoc()) {
        if($row['qty'] > 0){
            $qtyArray[$x] = $row['qty'];
            $nameArray[$x] = $row['first_name'];
        }
        $x++;

        $pairs = array('first_name' => $nameArray, 'qty' => $qtyArray);
    } // end of while statement
} //end of if statement

$conn->close();
echo json_encode(array($pairs));

当我尝试将数据输入我的时ajax/js，我得到一个错误。我JS的是：

$("#getRecords").live('click', function() {
    var ajaxDataRenderer = function(url, plot, options) {
        var ret = null;
        $.ajax({
            type: "POST",
            async: false,
            url: url,
            dataType:"json",
            data: ({shelvDate: $('#shelvDate').val()}),
            success: function(data) {
                for(var x=0; x<data.first_name.length; x++) {
                    var info = [data.first_name[x], data.qty[x]];
                    ret.push(info);
                }
        }); // end of ajax call

        return ret;
    }; // end of ajaxDataRenerer call

    // The url for our json data
    var jsonurl = "shelvChart.php";
    var plot2 = $.jqplot('shelvChart', jsonurl,{
    seriesDefaults: {
           // Make this a pie chart.
           renderer: jQuery.jqplot.PieRenderer,
           rendererOptions: {
               // Put data labels on the pie slices.
               // By default, labels show the percentage of the slice.
               showDataLabels: true
           }
        }, 
        title: "Books Shelved",
        dataRenderer: ajaxDataRenderer,
        dataRendererOptions: {
            unusedOptionalUrl: jsonurl
        }
    });
});

我不知道我做错了什么，甚至不知道从这里去哪里，因为我还是 AJAX 和 JS 的新手。任何帮助将不胜感激。
吉姆

4

1 回答 1

1

查看您收到的真实字符串将非常有用JSON，因为我不确定您name[object,object],qty[object,object]在调用后如何获得，alert(ret)或者您可能指的是其他警报？

无论如何，从您所说的来看，您的问题是您必须确保ajaxDataRenderer函数返回的数组具有饼图接受的正确格式。

因此，例如，在您的PHP或JavaScript代码中，您需要确保返回的数组ret具有以下格式：

ret = [[name[0], qty[0]], [name[1], qty[1]], ...];

这样，名称数组中的所有值都将用作标签，而数量数组将用作评估百分比的值。

此答案中显示了显示如何为图表准备数据的类似方法。

于 2012-05-23T09:07:56.510 回答