Javascript D3.js方法链接命令dosn';当我分开它时,它不起作用,它起作用
我是D3.js的新手, 当我使用此代码时,它不起作用(它是重画的一部分,当第一次运行时,它工作良好,当再次调用重画时,它工作异常) 当我把链条分解成更小的部分时,它就工作了Javascript D3.js方法链接命令dosn';当我分开它时,它不起作用,它起作用,javascript,jquery,d3.js,method-chaining,Javascript,Jquery,D3.js,Method Chaining,我是D3.js的新手, 当我使用此代码时,它不起作用(它是重画的一部分,当第一次运行时,它工作良好,当再次调用重画时,它工作异常) 当我把链条分解成更小的部分时,它就工作了 var rows=tbody.selectAll('tr').data(roster); rows.enter().append('tr'); rows.exit().remove(); var cells = rows.selectAll("td") .data(function(row) { return column
var rows=tbody.selectAll('tr').data(roster);
rows.enter().append('tr');
rows.exit().remove();
var cells = rows.selectAll("td")
.data(function(row) { return columns.map(function(col) {
return row[col];
});});
cells.enter().append("td");
cells.text(function(d) { return d; });
任何原因或规则都会影响这一点。在第一种情况下,您只更新新单元格上的文本,而不是旧单元格上的文本。当您像这样链接
.enter()
时,链接的以下所有方法都将应用于.enter()
返回的对象,这就是输入选择:换句话说,添加了单元格
阅读这正是发生的事情,谢谢。
var rows=tbody.selectAll('tr').data(roster);
rows.enter().append('tr');
rows.exit().remove();
var cells = rows.selectAll("td")
.data(function(row) { return columns.map(function(col) {
return row[col];
});});
cells.enter().append("td");
cells.text(function(d) { return d; });