Javascript 在php中使用Chartjs后，图表未显示

这是我网页上的代码片段。我正试图绘制一张学生出勤率的图表，具体科目id为CSE2006

<div id="chart-container">
    <canvas id="graphCanvas"></canvas>
</div>

<script>
    $(document).ready(function () {
        showGraph();
    });


    function showGraph()
    {
        {
            $.post("pra.php",
            function (data)
            {
                console.log(data);
                 var subject = [];
                var attendance= [];

                for (var i in data) {
                    subject.push(data[i].subid);
                    attendance.push(data[i].at);
                }

                var chartdata = {
                    labels: subject,
                    datasets: [
                        {
                            label: 'Student Attendance',
                            backgroundColor: '#49e2ff',
                            borderColor: '#46d5f1',
                            hoverBackgroundColor: '#CCCCCC',
                            hoverBorderColor: '#666666',
                            data: attendance
                        }
                    ]
                };

                var graphTarget = $("#graphCanvas");

                var barGraph = new Chart(graphTarget, {
                    type: 'bar',
                    data: chartdata,
                    options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true,
                    fixedStepSize: 5,
                    max: 100,
                    min: 0
                },
                gridLines: {
                    color: 'black',
                    zeroLineColor: 'black',
                    zeroLineWidth: 4
                }
            }],
            xAxes: [{
                gridLines: {
                    display:false,
                    zeroLineWidth: 4,
                },
              barPercentage: 1.0,
                    categoryPercentage: 0.1
            }]
        }
    }
                });
            });
        }
    }
    </script>

---

将您的

chartdata

对象记录到控制台，查看它是否匹配我认为您以前拥有的静态工作版本。将您的

chartdata

对象记录到控制台，查看它是否匹配我认为您以前拥有的静态工作版本。

[{"subid":"CSE1004","at":100},{"subid":"CSE2006","at":0}]