更改 D3.js 节点图中的初始缩放答案

【问题标题】：change initial zoom in D3.js node graph更改 D3.js 节点图中的初始缩放
【发布时间】：2013-06-26 12:33:15
【问题描述】：

我尝试更改 NodeGraph here 的默认比例，使其在首次加载时适合屏幕。它是用D3.js 编写的。是否有定义缩放的初始变量？

【问题讨论】：

标签： d3.js zooming force-layout

【解决方案1】：

您可以在顶级g 元素上设置合适的transform，例如g.attr("transform", "scale(0.8)").

【讨论】：

我试过了，但是不管是在文档的开头还是在结尾都不起作用

【解决方案2】：

我设法改变了初始重力，这使得不再需要缩放：

// Gravity at pageload: 
initial_gravity=0.07; // to apply a change here, enter `make` in you terminal

var force = d3.layout.force()
          .charge( function (d) {
            if (d.flags.client)
              return -30 * chargeScale

            return -100 * chargeScale
          })
          .gravity(initial_gravity)
          ....

之后您需要在控制台调用make 以应用更改

【讨论】：

很高兴它为您工作，但如果您的图表更大，这将不起作用。