jquery – 如何将动态数据添加到morris条形图

我想通过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 }]);

原文地址：https://www.jb51.cc/jquery/428360.html