圆环图与部分环绕

Question

我正在使用D3.js圆环图构建上下文菜单。现在我想在鼠标移动某个元素时添加一个子菜单，就像这样（对不起我的绘画技巧）：

主甜甜圈菜单已经完成，但我无法弄清楚如何添加子菜单。它必须以父元素（具有子项的元素）为中心，因为主菜单中的其他菜单项也可能有子菜单。

我已经调查了这个问题：D3.js - Donut charts with multiple rings但是这些都是完整的戒指。

有人举个例子吗？

Answer 1

我设法让它发挥作用！我使用了startAngle，endAngle，innerRadius和outerRadius。

尚未完成父元素周围的居中。我现在只是将子菜单放在首位。这是结果：

感谢大家的帮助！