D3.js折線圖，Y軸上的相對最小值和最大值

Question

考慮以下VND3折線圖： http : //jsfiddle.net/tramtom/hfv68yan/

該圖繪制了ok線，但是我的大部分數據在很長一段時間內都是靜態的，並且兩個系列始終在圖形的頂部具有一個，而在底軸上則具有另一個。

如何以一系列的直線幾乎在中間或至少間隔開的方式為Y軸創建相對的最大值和最小值，以使價值較低的序列幾乎不完全位於x軸上。

需要在最小值下方添加100個單位，在最大值上方添加100個單位，以使這些行不在圖形的頂部或底部。

我嘗試在此處http://jsfiddle.net/tramtom/hfv68yan/1/中設置域和范圍值，但沒有效果

var yScale = d3.scale.linear()
.domain([
     d3.min(data, function (d) {
         return d.y;
     }) - 100,
     d3.max(data, function (d) {
         return d.y;
     }) + 100
])
.range([
     d3.min(data, function (d) {
         return d.y;
     }),
     d3.max(data, function (d) {
         return d.y;
     })
]);

Answer 1

您需要通過將.forceY([0,500])到圖表實例中來強制軸范圍。

這樣的答案可能會有所幫助。 那至少應該為您指明正確的方向。