Javascript 将平移添加到D3力定向图中；不断获得；无法读取属性'；翻译'；“无效”的定义；错误

我正在尝试将平移仅添加到我的D3力导向图形可视化中（目前不需要缩放）。不管我怎么做，我总是会遇到一个错误——“无法读取null的属性“translate”。我觉得我在所有的例子中都是这样设置的，但有些地方不太对劲

这是我的最新尝试。据我所知，相关的代码应该在我定义svg的顶部，但我包括了其余的代码，以防我不知道有什么东西影响它

var-isiOS=false；
var agent=navigator.userAgent.toLowerCase（）；
if（agent.indexOf（'iphone'）>=0 | | agent.indexOf（'ipad'）>=0）{
isiOS=真；
};
var h=1000；
var w=1000；
可变宽度=1500，
var高度=1500；
变量默认值_节点_颜色='#FF9900'；
变量shining_node_color='#fc5f05'；
var text_color='白色'；
变量链接颜色='#666699'；
var svg=d3.选择（“图表”）.追加（“svg”）
.attr（“宽度”，宽度）
.attr（“高度”，高度）
.call（d3.behavior.zoom（）.on（“zoom”，function（））{
attr（“transform”，“translate”（+d3.event.translate+”）+“scale”（+d3.event.scale+”）；
}))
.append（'g'）；
var g=svg.append（'g'）；
var-force=d3.layout.force（）
.重力（0.05）
.距离（100）
。收费（-100）
.尺寸（[w，h]）；
xhr（“{url\u代表（'visualization\u data'，interactions\u filter=interactions\u filter）}”）
.header（“内容类型”、“应用程序/json”）
.邮政(
JSON.stringify({
fileindicator:“{{fileindicator}}”
})，函数（错误，原始数据）{
如果（错误）抛出错误；
var json=json.parse（rawData.response）；
力
.nodes（json.nodes）
.links（json.links）
.start（）；
var link_scale=d3.scale.linear（）
.domain（[0，d3.max（json.links，函数（d））{
回报率（d值）；
})])
.范围（[1,13]）；
var link=g.selectAll（“.link”）
.data（json.links）
.enter（）.append（“行”）
.attr（“类”、“链接”）
.样式（“笔划宽度”，功能（d）{
返回链接刻度（d值）；
})
.style（'笔划'，链接颜色）
.attr（“填充不透明度”，0.75）；
var node=g.selectAll（“.node”）
.data（json.nodes）
.enter（）.append（“g”）
.attr（“类”、“节点”）
.call（强制拖动）
.style（“填充”，默认节点颜色）；
var radius_scale=d3.scale.sqrt（）
.domain（[0，d3.max（json.nodes，函数（d））{
回报（d.n_互动）；
})])
.范围（[2,17]）；
国际单项体育联合会（isiOS）{
//单击“中心”节点
var centerEvent=“单击”；
}否则{
//双击“中心”节点
var centerEvent=“dblclick”；
}
var all_links=d3.selectAll（'.link'）；
var all_nodes=d3.selectAll（'.node'）；
//填充选择框
变量选择框=$（'.chzn-select'）；
选择_box.empty（）；
选择_box.trigger（'selected:updated'）；
变量字符到节点id=[]
对于（var i=0；i