D3粘滞力响应

我很努力地试图了解如何使此图响应http://bl.ocks.org/mbostock/3750558 。问题是，我有一些节点宽度固定的坐标，我不知道如何处理浏览器宽度变化时（我猜用CSS翻译？）。D3粘滞力响应

2015-10-17 alfredopacino

使svg元素响应是独立于它是什么类型的元素，无论是力布局，折线图或其他基于svg的渲染。

您可以利用原生d3的zoom-behavior来调整<g>组的大小。在窗口大小调整时，您可以实际调用缩放事件处理程序，在您的情况下，您需要根据视口大小或其他检索屏幕大小的方法调整大小。

您可能还有兴趣根据特定父级和子级svg元素之间的边界框比率调整您的固定位置图（包含在<g>元素中）的大小。您可以结算边界框的样本用法here

2015-10-17 18:41:34

我尝试了一些东西，但它不起作用 '''''''d3.select（window）.on（'resize'，resize）; function resize（）{ \t var w = $（document）.width（）; \t var h = $（document）.height（）; \t var z = d3.behavior.zoom（w，h）; \t d3.select（“svg＃logograph”）。call（z） }' – alfredopacino

D3粘滞力响应

回答

相关问题