Dimple.js不喜歡我的數組

我已經在這個格式data.json：Dimple.js不喜歡我的數組

{ 
    "Users": [ 
     { 
      "userName": "Herbie", 
      "weigh-in data": [ 
       { "date": "2016.01.04", "weight": "114.3" }, 
       { "date": "2016.01.05", "weight": "114.6" }, 
       { "date": "2016.01.06", "weight": "114.9" } 
      ] 
     }, 
     { 
      "userName": "Wayne", 
      "weigh-in data": [ 
       { "date": "2016.02.01", "weight": "120.3" }, 
       { "date": "2016.02.05", "weight": "123.6" }, 
       { "date": "2016.02.06", "weight": "123.9" } 
      ] 
     } 
    ] 
}

//等等，更多的用戶對象

在我的應用程序：用戶的選擇是一個ajax調用獲取這些數據，我循環它以獲取所選用戶的權重數據，並且我成功將這些數據呈現到一個表格中。

現在我想要使用相同的結果的酒窩圖表中，但顯然酒窩不喜歡我chartData陣列：

var dataObj = JSON.parse(jsonData); 
var usersArray = dataObj.Users; 
var chartData = []; 
// etc. SNIP 

for (var obj of usersArray) { 
    if (obj.userName === selUser) { // weigh-ins of the selected user only 
     dataRows.innerHTML = ""; 
     for (var i = 0, j = selUserData.length; i < j; i++) { 
      var dataDate = selUserData[i].date; 
      var dataWeight = selUserData[i].weight; 

      chartData.push('{ "User"' + ': ' + '"'+selUser+'", ' + '"Date":' + ' ' + '"'+dataDate+'", ' + '"Weight":' + ' ' + '"'+dataWeight+'" }'); 

      // SNIP: build rows from the data, load up the table, no problem 
      dataRows.innerHTML += row; 
     } // selUserData loop 

var svg = dimple.newSvg("#chartContainer", 800, 600); 
var chart = new dimple.chart(svg, chartData); 
chart.setBounds(60, 30, 505, 305); 
var x = chart.addCategoryAxis("x", "Date"); 
x.addOrderRule("Dates"); 
var y = chart.addCategoryAxis("y", "Weight"); 
y.addOrderRule("Weights"); 

var s = chart.addSeries("weigh-ins", dimple.plot.line); 
chart.draw();

...這將導致非圖表英寸不過，如果我CONSOLE.LOG或警報（chartData）和結果集chartData，即：

var chartData = [ 
    { "User": "Wayne", "Date": "2016.02.01", "Weight": "180.3" }, 
    { "User": "Wayne", "Date": "2016.02.05", "Weight": "123.6" }, 
    { "User": "Wayne", "Date": "2016.02.06", "Weight": "153.9" } 
]

...然後我得到一個圖表，ERGO我的困惑。

任何瞭解大爲讚賞，

威士忌

來源

2016-11-17 Whiskey T. Foxtrot

你推的JSON到您的數組作爲字符串不是對象，它應該是：

chartData.push({ "User": selUser, "Date": dataDate, "Weight": dataWeight });

其中有作爲額外的好處讀起來更容易！

來源

2016-11-17 22:39:06

啊，非常感謝約翰。我可以宣誓這是我構建chartData數組的方式之一（並確認它是一個數組對象）......也許不是，或者我可能有另一個錯誤。無論如何，非常感謝您的幫助，並花時間發佈;我現在有一個圖表！ –

Dimple.js不喜歡我的數組

回答

相關問題