ChartJS 未从 MySQL 显示

Question

PHP：chart_db.php

<?php

require_once ('dbh.inc.php');

$JSON_Response = array();

//Counts the number of Active

$count_active = mysqli_query($db, "SELECT client_id FROM client WHERE status = 1");

$JSON_Response['active'] = mysqli_num_rows($count_active);

//Counts the number of Inactive

$count_inactive = mysqli_query($db, "SELECT client_id FROM client WHERE status = 0");

$JSON_Response['inactive'] = mysqli_num_rows($count_inactive);

error_log('hello');

echo json_encode($JSON_Response);

?>

JS: chart.js $(文档).ready(函数(){

    $.ajax({

        url:"http://localhost/FAME/private/includes/chart_db.php",

        method: "GET",

        success: function(response){

            var data = JSON.parse(response);

            var activeData = text(data.active);

            var inactiveData = text(data.inactive);

            console.log(activeData);

            var ctx = document.getElementById('piechart').getContext('2d');

            var statusChart = new Chart(ctx, {

                type: 'doughnut',

                data: {

                    labels: ['Active', 'Inactive'],

                    datasets: [{ 

                        pointStyle: 'circle',

                        backgroundColor: [ 'rgb(78, 115, 223)', 'rgb(25, 179, 211)' ],

                        data: activeData, inactiveData

                    }]

                },

                options: {

                    responsive: true,

                    maintainAspectRatio: false,

                    segmentShowStroke: false,

                    cutoutPercentage: 70,

                    legend: {

                        onClick: false,

                        position: 'bottom',

                        labels: {

                            usePointStyle: true

                        }

                    }

                }

            });

        }

    });

});

问题：问题是图表中的数据没有显示。没有显示整个图表。使用 chrome 检查的日志：它说有一个错误：“未捕获的 ReferenceError：文本未定义”。

Answer 1

这与 php、mysql 或 xampp 无关。您正在使用一个名为 的未定义方法text。错误消息说明了一切。检查 ajax 成功中的第三行和第四行。你有：var&nbsp;activeData&nbsp;=&nbsp;text(data.active);将其替换为：var&nbsp;activeData&nbsp;=&nbsp;data.active;看看会发生什么。