D3.js 为什么不';我的百分比不是等距的吗?

D3.js 为什么不';我的百分比不是等距的吗?,d3.js,D3.js,我不知道为什么这个图表上的百分比显示不一样(在鼠标上) 数字和多边形形状之间的距离似乎与表示的数量成比例变化 这很奇怪,因为我在第759行和第760行(第二个网格为779/780)为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.

我不知道为什么这个图表上的百分比显示不一样(在鼠标上)

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

这很奇怪,因为我在第759行和第760行(第二个网格为779/780)为
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) })

我做错了什么?

这只是一个印象,距离没有变化

如果将文本集中在x和y位置,则可以清楚地看到这一点:

.style("text-anchor", "middle")
.style("dominant-baseline", "central")
然后将鼠标悬停在
Bonpoint


在小提琴中,我将y值减少到
rScale(d.value+0.05)

在刻度法之外添加固定数字?也就是说,在缩放之后,而不是缩放之前添加0.15。感谢(一如既往)Gerardo Furtado的巧妙添加。
.style(“主基线”、“中心”)
行非常有用。关于这条路的尖端,我看不到任何变化……一点也没有。有趣的是,当我第一次用叉子叉小提琴时,它正在改变。。。不管怎样,也许这只是我丰富的想象力。