[英]what is the d3 default key function?
试图找出d3中的默认键功能。
如果我在html主体中包含的三个<p>
元素都有0,1,2的键,并且我使用d3的enter()
函数来附加带有0,1,5键的<p>
元素,为什么我的d3代码将所有<p>
元素添加到我的页面而不仅仅是<p>
,键为5?
<html>
<head>
<script src="http://d3js.org/d3.v3.min.js" charset="utf-8"></script>
</head>
<body>
<p>joe</p>
<p>joe</p>
<p>joe</p>
<script type="text/javascript">
d3.select("body").selectAll("p")
.data([ 0, 1, 5], function(d){ return d; })
.enter()
.append("p")
.text(function(d){ return d; });
</script>
</body>
</html>
jsfiddle: http : //jsfiddle.net/266z3dr1/
如果未指定
key
功能,则指定数组中的第一个数据将分配给当前选择中的第一个元素,第二个数据分配给第二个选定元素,依此类推。
你得到三个新元素,因为现有的元素都没有密钥。 数据关联是基于索引的(默认)或基于键的(如果传递了键函数)。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.