Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript json中chart.js中未定义的值_Javascript_Jquery_Json_Charts_Chart.js - Fatal编程技术网

Javascript json中chart.js中未定义的值

Javascript json中chart.js中未定义的值,javascript,jquery,json,charts,chart.js,Javascript,Jquery,Json,Charts,Chart.js,我正在使用chart.js在条形图中显示数据。我的json响应已经准备好了,但图表显示其未定义的值 这里是带有json的jquery $(document).ready(function(){ $.ajax({ url: "<?php base_url();?>/charts/getsome", method: "GET", success: function(data) { console.lo

我正在使用
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);
        }
    });
});
$(文档).ready(函数(){
$.ajax({
url:“/charts/getsome”,
方法:“获取”,
成功:功能(数据){
控制台日志(数据);
var月=[];
var客户=[];
用于(数据中的var i){
月。推送(“客户输入”+数据[i]。应用月);
push(数据[i],无客户);
}
var图表数据={
标签:月,
数据集:[
{
标签:“每月客户”,
背景颜色:“rgba(2002002000.75)”,
边框颜色:“rgba(2002002002000.75)”,
hoverBackgroundColor:'rgba(2002002002001)',
hoverBorderColor:'rgba(2002002002001)',
数据:客户
}
]
};
//警报(图表数据);
var ctx=$(“我的画布”);
var条形图=新图表(ctx{
类型:'bar',
数据:图表数据
});
},
错误:函数(数据){
控制台日志(数据);
}
});
});
下面是控制台中json响应的快照

这里还有一个错误图表的快照


请告诉我哪里错了。谢谢

您将得到一个字符串形式的响应。您应该使用
JSON.parse(data)


您在客户中有哪些数据?你能告诉我们吗?@Dinesh你为什么删除你的答案?你似乎是对的:)看,谢谢@Dinesh。我只想向顾客和非顾客展示他们的价值观@乔治。“你对此有什么建议吗?”乔治,谢谢。因为你没有删除。你能告诉我,我可以把这个解析代码放在哪里吗?please@AshishVyas在控制台下方/更换
日志(数据)
success: function(data) {
            console.log(data);
            data = JSON.parse(data)
            //the rest of your code
         }