2016-07-15 112 views
-1

我想创建使用画布js的条形图。现在的问题是,当我赋值用图表显示,它采取这样的一些其他对象格式,指定一个对象到另一个对象Javascript

[object Object], [object Object],... 

所以,当我通过res.send(发送数据),这似乎是罚款。它的原始格式是,

[ { label: '102', y: '80' }, 
    { label: '102', y: '60' }, 
    { label: '102', y: '80' }, 
    { label: '102', y: '50' } ] 

所以我的JavaScript代码,

$.ajax({ 
    type: 'POST', 
    data: JSON.stringify(obj), 
    contentType: 'application/json', 
    url: 'http://localhost:3000/result', 
    error: function() { 
     console.log("Not working"); 
    } 
}).done(function (result) { 
    console.log(result); 

    var chart = new CanvasJS.Chart("chartContainer", { 
     theme: "theme1", 
     title: { 
      text: "Something" 
     }, 
     animationEnabled: false, 
     data: [ 
      { 

       type: "bar", 
       dataPoints: result // actual problem lies here! 
      } 
     ] 
    }); 
    chart.render(); 
}); 

什么我做错了,如何解决这个问题?

+0

什么呢'的console.log(结果);'节目吗? –

+0

它显示像[[object,object,object,object]' –

回答

1

通过你的结果这个功能,那么

 function convertdata(json) { 
       var chartData = []; 

        for (var i = 0, l = json.length; i < l; i++) { 
         var value = parseFloat(json[i].label) + parseFloat(json[i].y); 
         chartData.push({ c: [{ v: json[i].Label }, { v: value }] }); 
        } 
       } 

分配图表数据到图形渲染

+0

不,它没有工作 –

+0

我解决了它!我用'res.send(JSON.stringify(obj));'它工作。 –

相关问题