0
D3の新機能では、線の翻訳(アニメーション)に関する質問があります。私は円が次のコードを使用してアニメーション化:特にD3.JS:線をアニメートする方法
var data = d3.range(100).map(function() {
return new agent(
0,
0,
(Math.random()-0.5)*.05,
(Math.random()-0.5)*.05,
'rgb(255, 0, 213)');
});
var circles = canvas.selectAll('circle')
.data(data)
.enter().append('circle')
.attr('cx', function(d) {
return d.x;
})
.attr('cy', function(d) {
return d.y;
})
.attr('r', 5)
.attr('fill', function(d) {
return d.color;
});
circles.attr('transform', function(d) {
return 'translate(' + d.x + ',' + d.y + ')';
});
最後の3行は私に興味がある - ラインの等価translate
ありますか?
svgパス(D3行)のアニメーション化にはベストプラクティスがあります。ここを見てください:http://bl.ocks.org/duopixel/4063326 –
私はあなたが何を求めているのか分かりません。 'transform = translate'は単純に要素を移動します(アニメーション化しません)。 "d3 line"は通常は 'path'要素ですが、' transform'を適用できますか?はい、できます。 – Mark