.transition（）打破我的差異圖表

Question

由於某些原因，添加轉換會中斷我的兩個clipPath。這完美的作品：

// Append path first 
var svg = d3.select(this).selectAll("svg").data([data]); 
var gEnter = svg.enter().append("svg").append("g"); 
gEnter.append("clipPath").attr("class", "above").attr("id", "clip-above").append("path"); 
gEnter.append("clipPath").attr("class", "below").attr("id", "clip-below").append("path"); 

// Later, attach data 
var g = svg.select("g") 
g.select("#clip-above path").attr("d", area.y0(0)); 
g.select("#clip-below path").attr("d", area.y0(height)); 

但是，如果我添加一個過渡，整個區域只是area-below有色：

// Later, attach data 
var g = svg.select("g") 
g.select("#clip-above path").transition().duration(500).attr("d", area.y0(0)); 
g.select("#clip-below path").transition().duration(500).attr("d", area.y0(height)); 

任何想法發生了什麼？

Answer 1

這是d3.v2中的一個錯誤。一定要更新！