D3.jsテキストがお互いに下に来ることはなく、色の選択

Question

私はIssueでここにfiddleを作成しました。

svg.append("text") 
    .attr("text-anchor", "middle") 
    .text(75); 
svg.append("text") 
    .attr("text-anchor", "middle") 
    .text("Vehicle"); 

サブテキストの形式で、下に表示されるテキストが上に表示されます。しかし、私はそれを落とすことができません。明示的にスタイルを設定する必要がありますか？ また、外側の円は私が変更できる色であることを望み、私が見たすべての例は既に利用可能な色のスケールを使用しています。どのように変数を指定して色を変更できますか？

Answer 1

あなたがして、テキストの位置を変更することができます。

.attr("dy", "0.5em") 

属性と、あなたのコールバックやスタイルに特定の色を返すことができます。ここで

が更新フィドルです：トリックをした https://jsfiddle.net/mkrrn3sz/1/