我有一个我看不懂的片段.
var data = [3, 2, 4, 1];
window.onload = async function() {
d3.select( '#canvas' )
.selectAll( 'rect' )
.data( data )
.join(
enter => {
enter.append( 'rect' )
.attr( 'x', d => d*50 )
.attr( 'width', 20 )
.attr( 'height', d=> d*50 )
.attr( 'y', 20 )
.attr( 'id', d => 'rect' + d )
.style( 'fill', 'blue' );
});
}
我知道我们正在 Select 画布并 for each 数据点创建一个RECT.我相信我们正在将一个函数传递给seltion.Join(),该函数用于将矩形连接到数据.
传递到传递到Join的函数中的"Enter"是怎样的,又是什么?另外,‘d’是如何传递给其他嵌套的lambda函数的,又是什么呢?