如何在D3 js圆环图中添加文字

Question

我在d3.js

中有以下圆环图

Please see here: <https://jsfiddle.net/jz9z9hw1/>

我不确定如何在甜甜圈的中心添加文字。我想说＆＃34;测试系统1＆＃34;。

另外，如何在弧内添加文字？那么，它会显示实际数字吗？

Answer 1

只需在SVG中添加一个文本元素即可。我把它添加到你的小提琴中，它在正中间添加了文字：

  var text = svg.append('text')
   .text('Test System 1')
   .attr('text-anchor', 'middle')