为什么我的百分比不等间距？

Question

我不知道为什么这个图表上的百分比没有同等显示（在鼠标悬停上）。

https://jsfiddle.net/wewffdce/

数和多边形之间的距离似乎成比例地改变到所表达的量。

这是奇数，因为我上（对于第二网格和七百八十〇分之七百七十九）线759和760用于x和y属性设置一个固定的数+ 0.15。

.attr("x", function(d,i){ return rScale(d.value + 0.15) * Math.cos(angleSlice*i - Math.PI/2) }) 
.attr("y", function(d,i){ return rScale(d.value + 0.15) * Math.sin(angleSlice*i - Math.PI/2) }) 

我做错了什么？

Answer 1

这只是一个印象，距离不会改变。

你可以清楚地看到这一点，如果你设置的文本在x和y位置是集中式：

.style("text-anchor", "middle") 
.style("dominant-baseline", "central") 

而将鼠标悬停在Bonpoint：https://jsfiddle.net/jbbonyfw/

在拨弄我的y值降低到rScale(d.value + 0.05)。