がNVD3の折れ線グラフ最大値と最小値の中に多くのスペース（パディング）を追加

Question

のは、以下の例みましょう：最小/最大間、私はより多くのスペースを追加したい
krispo.github.io/angular-nvd3/#/lineChart

（パディングの一種）折れ線グラフのx軸/上端このoption called yDomainあり

：

は全体のYスケールのドメインを定義します。 これを使用すると、データに基づいてドメインの計算が無効になります。

太字の部分は、minを-100に設定すると、グラフがそのレベルを下回っても表示されなくなることを意味します。または、私のグラフの最小値が実際に-50であれば、-100が大きすぎます。

基本的には、Y軸の最小値と最大値がそれぞれグラフの最小値と最大値の10％になるようにします。

Answer 1

解決策が見つかりました。ほんの数学だった。 ：/

我々はy分/ 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] 
    ... 
}