2017-04-17 37 views
0

我正在使用d3.js生成一種圓形圖。我的圖形有三層背景,中景和前景。我有一個稱爲的函數調用用於前景和中景層。無法在d3中生成圓弧,某些值爲js,

我可以生成值爲.96的弧,但是如果超過該值,.97,.98,.99和1.0弧會崩潰。

midground.transition() 
     .duration(750) 
     .call(arcTween, 0. * τ); 

foreground.transition() 
     .duration(750) 
     .call(arcTween, 0. * τ); 

我對d3.js和svg很有幫助。我也提供了jsfiddle鏈接。 http://jsfiddle.net/Lxnymj28/1/

回答

3

此設置搞亂了arc計算:

.cornerRadius(outerRadius - innerRadius) 

如果刪除cornerRadius,everything draws fine

編輯

做了一些研究,這是在library一個bug,固定回十月,2015年您正在使用的方式過時的軟件。

如果您使用最新版本的d3.js版本3,一切正常。

新小提琴here

+0

但我希望曲線結束。有沒有什麼方法可以順利顯示弧線而不會混亂。 – Karthik

+0

@Karthik,查看上面更新的答案。 – Mark

+0

像寶石一樣工作。 – Karthik