Focus + Context via Brushingは負の値を表示できません

Question

Focus + Context via Brushing（bl.ocks.org/mbostock/1667367）は、大きなグラフに負の値を表示できません。 graph picture example

誰かが、メイングラフで負の値を持つ方法を教えてください。

しかし、ときに私が使用します。

y.domain(d3.extent(data.map(function(d) { return d.price; }))); 

ザ・が最小値に行くのオフセットが、負の部分が小さいグラフで大きなグラフとI緩い反転に反転されていません。

y.domain([0, d3.max(data.map(function(d) { return d.price; }))]); 

これはmax of datasetから0からあなたのデータのdomain（ユーザ空間値の範囲）を設定します。 graph without inverted part in small graph

Answer 1

あなたの問題は、このラインです。このように変更します。

y.domain(d3.extent(data.map(function(d) { return d.price; }))); 

min of datasetからmax of datasetにそれを設定します。コメント

FOR

編集がまたarea.y0値を変更する必要があります。 0ので、もはや高さに位置されていない：コードhere作業

x.domain(d3.extent(data.map(function(d) { return d.date; }))); 
y.domain(d3.extent(data.map(function(d) { return d.price; }))); //<-- change domain 
x2.domain(x.domain()); 
y2.domain(y.domain()); 

area.y0(y(0)); //<-- set y0 to new location of 0 
area2.y0(y2(0)); 

---

。