Chart.js不阅读输入数据

iklwldmw  于 2023-04-30  发布在  Chart.js
关注(0)|答案(1)|浏览(186)

chart.js没有从php页面阅读我的数据。我包括了控制台。日志显示数据正在传入。我是一张图表。js noob所以任何帮助赞赏。
如果我把数据输出到控制台。日志我可以看到我发布的数据看起来像这样:

0
: 
"mon: 'Jan', cnt: 18"
1
: 
"mon: 'Jun', cnt: 18"
2
: 
"mon: 'Jul', cnt: 18"
3
: 
"mon: 'Aug', cnt: 18"
4
: 
"mon: 'Sep', cnt: 18"

我的基本代码如下:

$(document).ready(function () {
            showGraph();
        });

        function showGraph()
        {
            {
                $.post("data.php",
                function (data)
                {
                    console.log(data);
                    var mon = [];
                    var cnt = [];

                    for (var i in data) 
                    {
                        console.log(data[i].mon);
                        mon.push(data[i].mon);
                        cnt.push(data[i].cnt);
                        //console.log(data[i].mon);
                        //console.log(data[i].cnt);
                    }

                    var chartdata = {
                        labels: mon,
                        datasets: [
                            {
                                label: 'Month',
                                backgroundColor: '#49e2ff',
                                borderColor: '#46d5f1',
                                hoverBackgroundColor: '#CCCCCC',
                                hoverBorderColor: '#666666',
                                data: cnt
                            }
                        ]
                    };

                    var graphTarget = $("#graphCanvas");

                    var barGraph = new Chart(graphTarget, {
                        type: 'bar',
                        data: chartdata
                    });
                });
            }
        }
        </script> ```

Thank you for any help
nx7onnlm

nx7onnlm1#

我在PHP方面解决了这个问题,这不是我想要的方式,但是将PHP字符串作为JSON发布不起作用,所以我修改了MYSQL,并将其发布为'' foreach($result as $row){ $data[] = $row;}'''现在按要求工作

相关问题