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

【问题标题】：Using D3js v4 how to add space between y axis and line in line chart?使用 D3js v4 如何在折线图中的 y 轴和折线之间添加空间？
【发布时间】：2017-07-25 06:38:21
【问题描述】：

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

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

【问题讨论】：

标签： javascript d3.js

【解决方案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]);

【讨论】：

没有。这会使整个 x 轴远离 y 轴
是的，当然，如果你不沿着线移动 x 轴，那么显示的数据将是不准确的，当你没有时很难知道你想要达到什么效果' t 发布了一个工作示例。
更新了我的答案