javascript - D3散点图动态轴位置

Question

我正在使用this散点图示例，实现数据变化时动态轴变化。

我想实现两件事:

1 - X 和 Y 轴在 0 处的截距

2 - 两个轴在图表中间截距以更好地容纳负数

这就是我要做的:我已经设法将 Y 轴置于中间，但是一旦数据发生更改，X 轴和 Y 轴就无法正确对齐。有人可以建议修复我的更新功能吗？我编辑的示例是 here .

谢谢

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