javascript - json 中的 Chart.js 中未定义的值

Question

我正在使用 chart.js 在条形图中显示数据。我的 json 响应已经准备好，但图表显示其未定义的值。

这是带有 json 的 jquery

    $(document).ready(function(){
    $.ajax({
        url: "<?php base_url();?>/charts/getsome",
        method: "GET",
        success: function(data) {
            console.log(data);
            var month = [];
            var customers = [];

            for(var i in data) {
                month.push("Customer in" + data[i].apply_month);
                customers.push(data[i].no_customers);
            }
            var chartdata = {
                labels: month,
                datasets : [
                    {
                        label: 'monthly customers',
                        backgroundColor: 'rgba(200, 200, 200, 0.75)',
                        borderColor: 'rgba(200, 200, 200, 0.75)',
                        hoverBackgroundColor: 'rgba(200, 200, 200, 1)',
                        hoverBorderColor: 'rgba(200, 200, 200, 1)',
                        data: customers
                    }
                ]
            };

            // alert(chartdata);

            var ctx = $("#mycanvas");

            var barGraph = new Chart(ctx, {
                type: 'bar',
                data: chartdata
            });
        },
        error: function(data) {
            console.log(data);
        }
    });
});

下面是控制台中 json 响应的快照

这也是有错误的图表的快照

请指导我哪里错了。谢谢

Answer 1

您收到的是字符串形式的响应。您应该使用 JSON.parse(data)

进行解析

success: function(data) {
            console.log(data);
            data = JSON.parse(data)
            //the rest of your code
         }