Question

我的js如下所示

var lineData =  Morris.Line({
  element: 'morris-line-chart',
  data: [{"Day":"08-11-2015","Ucount":2},{"Day":"09-11-2015","Ucount":23},{"Day":"10-11-2015","Ucount":4},{"Day":"11-11-2015","Ucount":6},{"Day":"12-11-2015","Ucount":3}],
  xkey: 'Day',
  ykeys: ['Ucount'],
  labels: ['Usage Count'],
  parseTime:false
});

      $.ajax({ url: 'http://127.0.0.1:7101/MUDRESTService/rest/v1/mudusagebyday?onlyData=true',             
             type: 'get',  
             dataType: 'json',    
             success: function(output) {
                console.log('line first resp');
                console.log(output) ; 

                var ddata = JSON.stringify(output.items);
                console.log('vik says');
                console.log(ddata);
                lineData.setData(ddata);
             }        
           });

如果我评论setData，那么它工作正常。请注意，图中硬编码的有效负载与我的js试图设置为setData的有效负载完全相同。

我在javascript控制台中没有看到任何错误。对于实时数据，它将x轴呈现为未定义。

Answer 1

问题是morris将结果解释为字符串，所以我必须这样做

var arr = JSON.parse(ddata);
chart.setData(arr);

实时数据不会在莫里斯线图中呈现

1 个答案: