1

次のように作成されたグループがあります。

 d3.select("#" + chartId).selectAll("g.barChart")
    .append("g")
        .attr("class", "bar")
        .attr("id", chartId)
        .attr("style", "opacity:0");

コードのさらに下には、グループがフェードインするようにこれがあります。

graph = d3.select(".bar#"+chartId);
graph.transition().delay(300).duration(2000).attr("style", "opacity:1.0");

グループがフェードインする前に 1 回または複数回点滅する理由がわかりません。上記の遷移行をコメントアウトすると、グループは非表示のままになります。これは、フラッシュの原因が他にないことを意味するはずです。私は困惑しています...

4

1 に答える 1

1

D3にトランジションを適用するstyleと、文字列から値を補間しようとするため、何か問題が発生している可能性があります。不透明度を に含めるのではなく、属性として移行してみてくださいstyle:

 d3.select("#" + chartId).selectAll("g.barChart")
    .append("g")
        .attr("class", "bar")
        .attr("id", chartId)
        .attr("opacity", "0");

graph = d3.select(".bar#"+chartId);
graph.transition().delay(300).duration(2000).attr("opacity", "1");
于 2012-10-15T16:26:57.693 に答える