我正在制作第一组D3教程(在这里找到),遇到了一个问题,即数据数组的第一项未显示。我放置在每个数据div元素上的边框表明,实际上第一条条目已经“折叠”成了顶部的一行。是否有解释为什么会发生这种情况的方法?我该如何解决呢?
我的HTML、CSS和JS已经放到codepen上查看和编辑。
提前致谢!
隔离的JS:
我的HTML、CSS和JS已经放到codepen上查看和编辑。
提前致谢!
隔离的JS:
var data = [10, 23, 14, 5, 6, 6, 6, 22, 17 ];
d3.select(".project")
.selectAll(".project__bar-chart")
.data(data)
.enter()
.append("div")
.attr("class", "project__bar-chart")
.style("width", function(d) {return d + "rem";})
.text(function(d) {return d;})
<div class="project">
内部的<div>
标签。 - user5734311