Javascript 使用d3.js在画布上进行语义缩放

我在画布上实现语义缩放时遇到问题。我试图复制这个示例（），但随着d3转换为v4，一些相关函数已经更改，我有一种预感，问题可能是我如何重新缩放

请点击此处：

---

我能够解决我的问题，错误似乎是由我的线性刻度引起的，即：

var canvasScaleX = d3.scaleLinear().domain([-100,500]).range([0, 800]);

var canvasScaleY= d3.scaleLinear().domain([-150,200]).range([0, 500]);

---

我仍然不知道为什么这些会把我的代码绊倒，但我会继续工作，并发布一个更新，以防我发现。同时，这里是我找到的解决方案-

我能够解决我的问题，错误似乎是由我的线性刻度引起的，即：

var canvasScaleX = d3.scaleLinear().domain([-100,500]).range([0, 800]);

var canvasScaleY= d3.scaleLinear().domain([-150,200]).range([0, 500]);

我仍然不知道为什么这些会把我的代码绊倒，但我会继续工作，并发布一个更新，以防我发现。与此同时，我发现了一个解决方案-