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（这是数组中的第一个元素）。

如何为d3图形构建准备JSON对象？

1 个答案: