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