d3力导向图增加节点_d3.js力导向图节点如何都显示在边框内

最近用到d3.js中的force力导向图，想实现效果如下，所有城市节点都在可视范围内，如果超出有滚动条也可以。

遇到的问题是，当节点一多，有的节点就会跑到外面去，这边是通过加大charge相互作用力，从原本的-300改为-3000，也是会跑到svg边框外。

求教下节点怎么限制在svg边框内？

实例代码如下：

力导向图

var nodes = [ { name: "桂林" }, { name: "广州" },

{ name: "厦门" }, { name: "杭州" },

{ name: "上海" }, { name: "青岛" },

{ name: "天津" } ];

var edges = [ { source : 0 , target: 1 } , { source : 0 , target: 2 } ,

{ source : 0 , target: 3 } , { source : 1 , target: 4 } ,

{ source :