d3 selectAll selectAll append append

Question

我想构建<ul><li>结构，其中每个<li>都包含数据项。

d3.select("#myDiv").selectAll("ul").selectAll("li").data(flatData).enter().append("ul").append("li").text(function(d) { return d.label; });

我哪里错了？

Answer 1

如果其中只有一个#myDiv和一个ul，那么：

d3.select("#myDiv")
  .select("ul") // or .append("ul")
  .selectAll("li").data(flatData)
  .enter()
    .append("li")
    .text(function(d) { return d.label; });