Javascript 保持两个d3.js图之间的比率

我在一个可调整大小的容器上创建了一个图形（基于此块）。问题是，当我调整容器的大小时，如果容器处于某个高度，两个图形会重叠。无论容器的大小如何，ideia都要保持两个图之间的比率和距离。有什么想法吗

---

代码：

钉牢了。AngularJS和D3之间的组合似乎很难访问

svg

元素。通过访问父图形高度，我们可以保持他与子图形之间的比率：

var parentHeigtht = angular.element($elem[0])[0].parentNode.clientHeight;

var margin = {top: 20, right: 10, bottom: 220, left: 40},
margin2 = {top: parentHeigtht-150, right: 10, bottom: 60, left: 40},
width = ($elem[0].parentNode.clientWidth) - margin.left - margin.right,
height = ($elem[0].parentNode.clientHeight) - (margin.top) - (margin.bottom),
height2 = ($elem[0].parentNode.clientHeight) - (margin2.top) - (margin2.bottom);

---

你能把工作代码粘贴到提琴或代码笔上吗？这是一个有角度的项目，需要一些代码才能在提琴上运行。如果你需要的话，我想我放的积木足够了。