D3.js文本不会低于对方和颜色选择

Question

我在这里创建了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/