如何正确定位饼图的标签？

Question

所以我正在制作一个饼图，I am attempting to recreate this

但是，我几乎无法将文本标签定位为不被饼图遮挡。这是我的jsFiddle

在上述小提琴中为z-index属性设置text并不会阻止它被遮挡。

此外，我如何确保标签位于饼图之外？我尝试在标签上设置偏离中心的偏移量，但是它们被svg的边缘遮挡了。

任何输入都会很棒。