D3 datum()

datum()和data()功能类似。

datum()：将指定数据赋值给被选择元素。
data()：将数据数组与选择集的元素结合。

 

var p = d3.selectAll('p');
p.datum(7);
//把7绑定在p中，在console中可以看到p _data_=7
//p.datum(undefined/null)，则<p>不会创建_data_属性

使用绑定的数字

var p = d3.select("body").selectAll("p");
p.datum("Thunder")		//绑定字符串Thunder到选择集上
　　//d其实就是data('Thunder')，i是p的序号
  .text(function(d,i){	//替换内容
		return d + " " + i;
  });

被绑定的数据会传递给子元素