使用D3js v4如何在折线图中的y轴和线之间添加空间？

Question

如何使用d3.js的第4版在绘制的线和y轴之间添加空格。 以下是我的代码。

var x = d3.scaleTime().range([0, width]);
var y = d3.scaleLinear().range([height, 0]).nice(); 

Answer 1

这是你要找的吗？ Plunkr这里已经回答了一个类似的问题https://stackoverflow.com/a/34619240/7473025

我所做的唯一微不足道的改变是：

var minDate = d3.min(data, function(d) { return d.date.getTime(); }),
    maxDate = d3.max(data, function(d) { return d.date.getTime(); }),
    padding = (maxDate - minDate) * .05;

x.domain([minDate - padding, maxDate + padding]);