Morris çubuk grafiğe dinamik veri nasıl eklenir

Question

Veri ajax aracılığıyla Morris çubuk grafiğine veri eklemek istiyorum. Aşağıdaki

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 ve /morris/morris.min.js kullanıyorum js kodu ı ajax başarı

[{"x":"2014-10-02","y":"1"},{"x":"2014-10-19","y":"1"},{"x":"2014-10-20","y":"1"},{"x":"2014-11-13","y":"1"}]

aşağıdaki olsun json olmasıdır. chart.setData(html); işlevselliği, morris belgelerinde belirtildiği gibi çalışmaz.

şimdiden teşekkür ederiz. herhangi bir hata yapıldığında lütfen bana işaret edin. morris

Answer 1

tırnak kaldırın: o yardımcı olabilir

ayrıca jsbin yaptık. setData bir dizi bekler. Tırnak kullandığınızda, bunu dizi yerine bir dizeye dönüştürür.

Böyle: chart.setData([{ "y": "2006", "a": 100, "b": 90 },{ "y": "2006", "a": 100, "b": 90 }]);