如何文本添加到D3 JS圓環圖

Question

我有以下的圓環圖在這裏d3.js

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

我不確定如何就在圓環的中心添加文本。我希望它說「測試系統1」。

另外，如何才能在弧內添加文本？那麼，它會顯示實際的數字？

Answer 1

只需在SVG中添加一個文本元素即可。我將它添加到你的小提琴中，並在中間添加了文字：

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