如何修复在d3js中重叠的弧形标签？

Question

我正在使用d3js绘制甜甜圈图。

我有几个问题

1）圆弧上重叠的圆弧标签。任何想法我该如何解决？

2）弧标签我正在应用样式类pieChartOuterLabel，但是未得到应用。

.pieChartOuterLabel {
  font-size: 1em;
  fill: black;
  font-weight: bold;
  font-family: 'Times New Roman, Times, serif';
}

3）如何使文本在图表中心居中对齐？

该项目可通过闪电战获得。

https://angular-dbcqpg.stackblitz.io/

该代码也可从]获得>

https://stackblitz.com/edit/angular-dbcqpg

非常感谢您的帮助。

我正在使用d3js绘制甜甜圈图。我遇到的问题很少1）弧形标签重叠在弧上。任何想法我该如何解决？ 2）我正在应用样式类pieChartOuterLabel，...

Answer 1

让我们一个接一个地回答您的问题。