在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());

我在那里添加了一个z填充变量，以防你想在顶部有一些标题空间。