繁体   English   中英

什么是d3默认键功能?

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM