nvd3.js - 在 NVD3 折线图的最大值和最小值中添加更多空间（填充）

Question

让我们看下面的例子： krispo.github.io/angular-nvd3/#/
lineChart

我想在折线图的最小值/最大值和 x 轴/顶部之间添加更多空间（一种填充）。

有一个选项叫做yDomain：

定义整个 Y 比例的域。使用这将禁用根据数据计算域。

粗体部分表示如果我将最小值设置为 -100，如果我的图表低于该水平，我将不再看到它。或者，如果我的图表的最小值实际上是 -50，那么 -100 就太多了。

所以基本上我希望 Y 轴的最小值和最大值分别为图表的最小值和最大值的 10%。

Answer 1

找到了解决方案。这只是数学。：/

我们需要先得到 y-min/y-max：

const min = Math.min(...data.map(d => d.y));
const max = Math.max(...data.map(d => d.y));

然后（如果我们想要 15% 的利润）：

{
    ...
    yDomain: [min - (max - min) * 0.15, max + (max - min) * 0.15]
    ...
}