Css 如何在同一d3圆弧内进行多个填充

我正在尝试这样做：

---

在d3.js中。我可以很好地绘制油炸圈饼图，但我正在努力研究如何在一个圆弧内拥有多种颜色。有没有一种方法可以在同一圆弧内绘制多个圆弧并独立设置它们的样式？

与其在一个圆弧内放置多种颜色，我建议为每种颜色设置一个圆弧。这样，如果您的数据发生更改，您可以只更改每个圆弧的长度，而不是更改正在使用的渐变

这方面的一个很好的例子是：

听起来你想要一个带硬止点的。