morris在php中的用法,javascript – 如何在Morris.js中使用本地json数据？

我正在尝试根据本地数据文件动态绘制morris线 – sales.php(以json格式)：

[

{ year: '2008', value: 20 },

{ year: '2009', value: 10 },

{ year: '2010', value: 5 },

{ year: '2011', value: 5 },

{ year: '2012', value: 20 }

]

您可以在下面看到我的HTML代码.但页面上没有图表,我只看到空白图表.此外,java控制台中没有错误(除了关于异步的警告).如果我将脚本位置更改为“head”或“body”,结果将是相同的.

可能这个问题是由ajax查询语法或(可能是)sales.php中的数据结构引起的？

$.ajax({

type: 'POST',

url: "sales.php",

dataType: "json",

async: false,

contentType: "application/json; charset=utf-8",

success: function (json) {

Morris.Line({

element: 'line-example',

data: $.parseJSON(json),

xkey: 'year',

ykeys: ['value'],

labels: ['Value']

});

}

});