从 D3js 2.4.4 转换为 3.5.5

Question

该示例使用 D3js 2.4.4 运行：http://mbostock.github.io/d3/talk/20111018/area-gradient.html 我想让它运行 3.5.5 版

我得到的第一个错误是

TypeError: x 不是函数/第 52 行

.attr("x", x(0))

我应该改变什么？

一些进展

看起来第一个问题是 D3.time 来自分离的 D3.time.js，在将 D3.js 替换为 3.5.5 版本后我仍然包含它。 我现在已经删除了 d3.time.js 和 d3.csv.js 的 html 包含。 但现在我明白了：

TypeError: d3.event.transform is not a function //第 110 行

d3.event.transform(x);

Answer 1

在这里找到的解决方案： https://groups.google.com/forum/#!topic/d3-js/6p7Lbnz-jRQ

此处的完整性检查代码：http://plnkr.co/edit/b8yO66lazDzIQ0Wf3RRM?p=preview

变化

1. 将 svg.append('svg:rect') 分配给一个变量。 var rect = svg.append("svg:rect") ...
2. 评论/删除行.call(d3.behavior.zoom().on("zoom", zoom))
3. 使用行定义域之后的绑定事件 rect.call(d3.behavior.zoom().x(x).on("zoom", zoom));。 ！请注意这一新行中的附加 .x(x)。
4. 在function zoom(){...} 中注释/删除行d3.event.transform(x);