D3.js D3-钻入时选择SVG中心路径并显示缩小背景图像

D3.js D3-钻入时选择SVG中心路径并显示缩小背景图像,d3.js,D3.js,我想将背景图像添加到这场太阳风暴的中心: 因此,一旦用户单击钻取脉冲,中心圆将显示“缩小”背景图像,而不是纯色背景 我不知道如何识别圆心并将填充颜色从实心更改为背景图像。只有当用户向下钻取时,才会显示缩小图像。当用户完全展开(加载页面时的默认状态)时,将不会显示缩小图像 谢谢您的帮助。您可以将另一个圆圈或g元素与圆圈和文本放在中间,并将其放置 yourZoomOutEleement .attr('opacity',0) .attr('pointer-events','none') 放大sun

我想将背景图像添加到这场太阳风暴的中心:

因此,一旦用户单击钻取脉冲,中心圆将显示“缩小”背景图像,而不是纯色背景

我不知道如何识别圆心并将填充颜色从实心更改为背景图像。只有当用户向下钻取时,才会显示缩小图像。当用户完全展开(加载页面时的默认状态)时,将不会显示缩小图像


谢谢您的帮助。

您可以将另一个
圆圈
g
元素与
圆圈
文本
放在中间,并将其放置

yourZoomOutEleement
.attr('opacity',0)
.attr('pointer-events','none')
放大sunburst后,您可以通过指定不透明度来显示圆(或包含其他元素的
g

yourZoomoutElement.attr('opacity',1)


请参见此处示例代码中的

:您能告诉我如何将其连接起来以显示缩小图标吗?我已将块作为链接包含在内。在看到此块中的效果之前,您必须先进行演练。抱歉,响应延迟,这是我一直在寻找的。谢谢