1

http://christopheviau.com/d3_tutorial/の「バインディング 2 次元データ」部分からの適応

dataset = new Array()
dataset[0] = ['first', 'second', 'third']

d3.select("#viz")
.append("table")
.style("margin", "0 auto")
.selectAll("tr")
.data(dataset)
.enter()
.append("tr")
.selectAll("td")
.data(function(d){return d;})
.enter()
.append("td")
.style("border", "1px black solid")
.style("padding", "10px")
.text(function(d){return d;})
.style('font-size', '18pt')


.transition().delay(1000)
.text('nothing')

.transition()
.delay(1000)
.text('test');

コードもここでホストされています: http://jsfiddle.net/LittleBobbyTables/vEfgu/

これは、テキストが「何もない」と言うべき段階をスキップし、「テスト」と言ってそこに直行します。

私は何か間違ったことをしましたか？

4

1 に答える 1

2

トランジションを次々に呼び出すと、必ずしもそれらが「チェーン」されるとは限りません。たとえば、1000ミリ秒後に、最初と2番目のトランジションの両方がタンデムで実行されるため、最初のトランジションの結果は表示されません。これを修正する最も簡単な方法は、2番目の遷移の遅延を変更することです。

.transition().delay(2000)
于 2012-07-06T23:47:31.637 に答える