D3.js 我能'；t使用D3查看第一个对象数据的div

这是D3代码。 我不知道第一个对象发生了什么（

“title”：“lamda1”

）。 只有我可以看到第二个对象的div（

“title”：“lamda2”

）

var数据=[{“标题”：“lamda1”，“缩进”：1，“R”：1，“序号”：29}，
{“title”：“lamda2”，“indent”：1，“R”：2，“seq”：29}]，
colors=d3.scale.category20（）；
d3.选择（“主体”）。选择全部（“div”）
.数据（数据）
.输入（）
.附加（“div”）
.attr（“id”，函数（d）{return d.seq；}）
.attr（“类”，“hcenter按钮--aylen按钮--圆形s按钮--边框细按钮--大小m”）
.style（“位置”、“绝对”）
.样式（“宽度”，“300px”）
.样式（“高度”，“50px”）
.样式（“线条高度”、“40px”）
.style（“背景色”，函数（d，i）{返回颜色（i）；}）
.风格（“颜色”、“白色”）
.text（函数（d）{返回d.title.slice（0,15）；}）
.打开（“单击”，功能（d）{
$（parent.document）.find（“#board_contents”）.attr（“src”），“/lamda/board/board_selectOne.jsp？seq_board=“+d.seq”）；
});
d3.选择全部（“div”）。每个（功能（d，i）{
d3.选择（本）
.transition（）.ease（“立方”）
.持续时间（500）
.style（“左”，函数（d）{返回d.indent*20+“px”；}）
.样式（“顶部”，i*42+“px”）；
});

正如您在下面的代码段中所看到的，您的代码生成两个div（单击“运行代码段”）

真正的代码中可能发生的情况是，页面中已经有了一个

。在这种情况下，为了确保您的“输入”选择包含所有数据，请选择其他内容，如：

d3.select("body").selectAll(".somediv")

这样做的原因是为了避免将数据与现有的DOM元素关联。另外，如果您的文档中已经有其他div，请注意您的

d3。在
每个
功能之前选择all（“div”）

以下是您的工作片段：


var data=[{“title”：“lamda1”，“indent”：1，“R”：1，“seq”：29}，
{“title”：“lamda2”，“indent”：1，“R”：2，“seq”：29}]，
colors=d3.scale.category20（）；
d3.选择（“主体”）.selectAll（“somediv”）
.数据（数据）
.输入（）
.附加（“div”）
.attr（“id”，函数（d）{return d.seq；}）
.attr（“类”，“hcenter按钮--aylen按钮--圆形s按钮--边框细按钮--大小m”）
.style（“位置”、“绝对”）
.样式（“宽度”，“300px”）
.样式（“高度”，“50px”）
.样式（“线条高度”、“40px”）
.style（“背景色”，函数（d，i）{返回颜色（i）；}）
.风格（“颜色”、“白色”）
.text（函数（d）{返回d.title.slice（0,15）；}）
.打开（“单击”，功能（d）{
$（parent.document）.find（“#board_contents”）.attr（“src”），“/lamda/board/board_selectOne.jsp？seq_board=“+d.seq”）；
});
d3.选择全部（“div”）。每个（功能（d，i）{
d3.选择（本）
.transition（）.ease（“立方”）
.持续时间（500）
.style（“左”，函数（d）{返回d.indent*20+“px”；}）
.样式（“顶部”，i*42+“px”）；
});
非常感谢您。。。你是对的。我看第一组和你说的一样。
d3.select("body").selectAll(".somediv")