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

时间:2017-06-04 05:29:44

标签: d3.js

我想在这个森伯斯特的中心添加背景图片:

https://bl.ocks.org/mbostock/4348373

因此,一旦用户点击钻入爆发,中心圆而不是纯色背景将显示“缩小”背景图像。

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

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

您可以将另一个circleg元素与circletext置于中心并提供

yourZoomOutEleement
.attr('opacity',0)
.attr('pointer-events','none')

当sunburst放大时,您可以通过指定不透明度来显示您的圆圈(或g中包含其他元素)

yourZoomOutEleement.attr('opacity',1)

请参阅block