在我第一次使用D3js库写第一个图表的时候，就对他绑定数据的方法感到迷惑，当时怎么也不明白为什么要这样写来绑定数据。等到练习的次数多了，多的东西多了之后再回头看，原来一切都是那么理所应当，原来如此。
这就像是我们一生中遇到的很多事情一样，第一次无法接受，经过时间的沉淀，慢慢懂了，就不再耿耿于怀，变得释然。
但是我还是怕忘了此刻，所以马上写一篇文字总结一下。
<body>
<p></p>
</body>
<script>
var p = d3.select('body').selectAll('p');
var dataset = [1,2,3,4,5,6,7,13];
var update = p.data(dataset);
var enter = update.enter();
var exit = update.exit();
</script>上边的HTML里边包含一个p标签，在JS脚本里边声明一个存放数据的数组dataset。
首先使用D3的selectAll()方法把所有的p标签选择出来，之后使用data() 方法为p标签集合绑定数据，并将所有的绑定了数据的p元素赋值给自己声明的update变量。
update 变量里包含所有已经存在的p标签，就上边的HTML来将就只有一个p标签。
enter变量包含的是dataset数组中的元素个数减去HTML中已经存在的元素个数的p标签（dataset中有8个元素，而HTML中有1个，因此enter中就有7个p标签元素），当数据中的元素个数大于HTML中已存在的元素个数时才能得到enter多出的那部分需要绑定数据的标签元素。
exit变量和enter 正好相反，当dataset中的数据元素个数少于HTML中需要绑定数据的元素个数时，就会得到多余出来的标签元素，这些多余出来的标签元素就存放在exit变量中。
这样enter()，exit() 两个函数的含义就搞明白了！
1553
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
