在d3.js中設置y軸的最小值

Question

我試圖根據Focus+Context示例創建一個d3圖。

它工作正常，但我無法爲y軸設置最小值。

我教過我瞭解輸入域和輸出範圍的理論（http://chimera.labs.oreilly.com/books/1230000000345/ch07.html），但似乎我錯過了一些東西。

這裏是我的代碼：http://jsfiddle.net/cecdsmnv/1/

我想y軸從minAltitude去maxAltitude

什麼想法？

Answer 1

你有所有正確的想法。

您y.domain的設置將圍繞一行行72更改被覆蓋到（切換最小值和最大值）：

var z = 50; 
    x.domain(d3.extent(data.map(function(d) { return d.date; }))); 
    y.domain([minAltitude, maxAltitude + z]); 
    x2.domain(x.domain()); 
    y2.domain(y.domain()); 

我加AZ填充變量存在的情況下，你需要一些標題的空間在最佳。