D3 Sticky Force响应

时间:2015-10-17 15:17:15

标签: d3.js force-layout

我正在努力了解如何制作此图表http://bl.ocks.org/mbostock/3750558 响应。 问题是我有一些节点宽度固定坐标,我不知道如何在浏览器宽度变化时处理这些(我想用css翻译?)。

1 个答案:

答案 0 :(得分:1)

使svg元素响应是独立于它的元素类型,无论是强制布局,折线图还是其他基于svg的渲染。

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

您可能还有兴趣根据特定父级和子级svg元素之间的边界框比率调整固定位置图(包含在<g>元素中)。您可以查看边界框here

的示例用法