如何為d3圖形構建准備JSON對象？

Question

我正在編寫一個小型應用程序，它將解析xml文件，然后使用d3.js從中創建一個圖形。

到目前為止，我已經構建了以下腳本：

<script>
$(function() {
  var mydata = new Array(1);
  $.get("testcase.xml", function(xml) {
      $(xml).find('measurement').each(function(){
        var meas = $(this); 
        var type = meas.find('type').text();
        var interval = meas.find('interval').text();

        mydata.push({'type': type, 'interval': interval});

      });

      var ch = d3.select("body")
          .append("ul")
          .selectAll("li")
          .data(mydata)
          .enter()
          .append("li")
          .text(function(d){
              return d.type + ": " + d.interval;
              });
    });

});
</script>

我很確定我以錯誤的方式構建了mydata數組，但我得到了5個要點（我的testcase.xml有很多measurement標簽，但是它們不包含我在mydata變量中積累的數據 ）。

Answer 1

我終於解決了它（如評論中所述）：

問題是，我一直在創建new Array(1) ，然后追加數據后，我試圖讀取undefined .type property （這是數組中的第一個元素。