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

Question

我不知道为什么此图表上的百分比没有平均显示（鼠标悬停时）。

https://jsfiddle.net/wewffdce/

数字和多边形之间的距离似乎与表达量成比例变化。

这很奇怪，因为我为+ 0.15和x属性在第759行和第760行（以及第二个网格的779/780）设置了固定数字y。

.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)。