D3.js 带部分环的圆环图

D3.js 带部分环的圆环图,d3.js,D3.js,我正在使用D3.js甜甜圈图表构建上下文菜单。现在我想在鼠标滑过某个元素时添加一个子菜单,如下所示(对不起,我的绘画技巧): 主甜甜圈菜单已经完成,但我不知道如何添加子菜单。它必须围绕父元素(具有子项的元素)居中,因为主菜单中的其他菜单项也可能具有子菜单 我已经研究过这个问题:但这些都是完整的戒指 有人举个例子吗?我设法让它工作起来了!我使用了startAngle,endAngle,innerRadius和outerRadius 只有围绕父元素的居中操作尚未完成。我现在只是将子菜单始终放在顶部

我正在使用D3.js甜甜圈图表构建上下文菜单。现在我想在鼠标滑过某个元素时添加一个子菜单,如下所示(对不起,我的绘画技巧):

主甜甜圈菜单已经完成,但我不知道如何添加子菜单。它必须围绕父元素(具有子项的元素)居中,因为主菜单中的其他菜单项也可能具有子菜单

我已经研究过这个问题:但这些都是完整的戒指


有人举个例子吗?

我设法让它工作起来了!我使用了
startAngle
endAngle
innerRadius
outerRadius

只有围绕父元素的居中操作尚未完成。我现在只是将子菜单始终放在顶部。结果是:


谢谢大家的帮助

围绕父元素的居中可以通过相应地设置圆弧的起点和终点角度来实现,即向传递给圆弧的
d
添加偏移。是否要显示代码?@Larskothoff您的意思不是设置
内半径
外半径
?这些与弧的径向位置有关。开始角和结束角与弧的角度位置有关,我想……你是对的——半径也需要调整。但是,这很简单(您只需添加一个数字),而在正确位置显示部分圆弧则稍微不那么简单。请提供相同的代码或实现逻辑。我也有同样的要求,请帮我解决同样的问题。提前感谢:)请分享实现逻辑。我急需它。提前感谢:)很抱歉,这是不可能做到的,因为它被紧紧地嵌入到我们的代码中。