D3散点图动态轴位置

Question

使用此散点图示例，以实现数据更改的动态轴。

我想取得两件事：

1- x和y轴截距在0

2-在图表中间的两个轴截距，以适应负数更好

这是IVE所能：IVE设法将Y轴放入中间的地方，但是一旦数据更改X和Y轴就无法正确对准。谁能在我的更新功能中提出修复？我的编辑示例在这里。

谢谢

Answer 1

以线性尺度在图表的中间在0处的轴截距，您应该定义对称域：

var ds = randomData(200);
var xmax = d3.max(ds, function (d) { return Math.abs(d.x); });
var ymax = d3.max(ds, function (d) { return Math.abs(d.y); });
x.domain([-xmax, xmax]).nice();
y.domain([-ymax, ymax]).nice(); 

demo