Jquery json数据未显示在morris栏中
我将Json数据存储到一个变量中,并将该数据调用到jquery中的Morris.Bar函数中,通过这样做,我获得了未定义的数据,无法显示图形 下面是我的代码。看一看,请帮助我它真的很重要Jquery json数据未显示在morris栏中,jquery,morris.js,Jquery,Morris.js,我将Json数据存储到一个变量中,并将该数据调用到jquery中的Morris.Bar函数中,通过这样做,我获得了未定义的数据,无法显示图形 下面是我的代码。看一看,请帮助我它真的很重要 var datajson='{"x":"sales", "y":"46146","z":"46146","a":"46146"},{"x":"swami", "y":"460104","z":"460104","a":"460104"},'; var content = JSON.stringify(d
var datajson='{"x":"sales", "y":"46146","z":"46146","a":"46146"},{"x":"swami", "y":"460104","z":"460104","a":"460104"},';
var content = JSON.stringify(datajson);
var parsedContent = JSON.parse(content);
if (typeof Morris != 'undefined') {
Morris.Bar({
data : [parsedContent],
element : 'chart31',
axes : true,
xkey : 'x',
ykeys : [ 'y', 'z', 'a' ],
labels : [ 'Quotation amount ', 'Purchase order amount ', 'Invoice amount' ],
barColors : [ 'red', 'blue', 'green' ]
});
}
您的JSON数据不会被解析。出现js错误-请检查控制台:
var datajson='{"x":"sales", "y":"46146","z":"46146","a":"46146"},{"x":"swami", "y":"460104","z":"460104","a":"460104"},';
应该是:
var datajson='[{"x":"sales", "y":"46146","z":"46146","a":"46146"},{"x":"swami", "y":"460104","z":"460104","a":"460104"}]';
然后改变:
data: parsedContent,
它确实有效。我在这里帮你修好了: