Question

我正在使用D3.js，我尝试在svg中创建一个svg。例如我的第一个svg是：

  var svg = d3.selectAll('body')
      .append('svg')
      .attr('width',500)
      .attr('height',500);

然后我想在第一个svg中创建第二个svg，我希望它出现在我的第一个svg的右上角。怎么可能？我想到了第二个svg的width = 100和height = 100的属性。这个问题的原因是，我在D3.js中使用了force-layout，根据数据的输入，它可能真的很大。所以我想把图形本身放在第一个大svg和其他信息中，比如较小的第二个svg中的文本。如果具有div元素的解决方案可能更好，请告诉我。

Answer 1

只需在第一个附加另一个SVG。

  var svg = d3.selectAll('body')
      .append('svg')
      .attr('width',500)
      .attr('height',500);

  var innerSVG = svg.append('svg')
      .attr('width',100)
      .attr('height',100);

如何在svg中使用svg？

1 个答案: