javascript - 如何为 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 个要点（measurement我有很多标签，testcase.xml但它们不包含我在 mydata 变量中建立的数据）。

Answer 1

我终于解决了（如评论中所述）：

这个问题是我一直在创建new Array(1)，然后在附加数据之后，我试图读取.type property（undefined这是数组中的第一个元素。