我想通过ajax将数据添加到Morris条形图.以下是我在ajax成功获得的json
[{ “×”: “2014年10月2日”,“Y”: “1”},{ “×”: “2014年10月19日”,{ “×”: “二零一四年十月二十○日”,{ “×”: “2014-11-13”,“Y”: “1”}]
以下是js代码
var chart = Morris.Bar({
element : 'normal-bar-graph',data : [{
"x" : null,"y" : null
}],xkey : 'x',ykeys : ['y'],labels : ['Added']
});
$.ajax({
type: "POST",url: "some_url",data: {'user_report':[k,v]},success: function(html)
{
if(html == "error")
{
alert('error');
}
else
{
chart.setData(html);
}
hide_loading();
}
});
我正在使用/morris/raphael.2.1.0.min.js和/morris/morris.min.js.
chart.setData(html);功能不如Morris的文档中所述.
预先感谢.如果有任何错误,请指出我.
还有一个jsbin,如果这可以帮助:morris
最佳答案
删除引号. setData需要一个数组.当您使用引号时,它会将其转换为字符串而不是数组.
像这样:chart.setData([{“y”:“2006”,“a”:100,“b”:90},{“y”:“2006”,“b”:90 }]);