官网给的解决方案
<div id="Ford"></div><div id="Jarrah"></div><div id="Kwon"></div><div id="Locke"></div><div id="Reyes"></div><div id="Shephard"></div>var data = [ {name: "Locke", number: 4}, {name: "Reyes", number: 8}, {name: "Ford", number: 15}, {name: "Jarrah", number: 16}, {name: "Shephard", number: 23}, {name: "Kwon", number: 42}];d3.selectAll("div") .data(data, function(d) { return d ? d.name : this.id; }) .text(function(d) { return d.number; });解释说明下：
按照一般的排序规则，把d.name给到d3就行了，可是d是undefined。接收不到值，所以把值给d3的任务就交给了后面的this.id。要注意的是前面你要按照d.name排序后面给的值就不能是d.number
总结一下：
前面的d.name：要按这个排序
后面的this.id：就是d.name的值