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
}