顯示y軸的最下方的刻度線

Question

Y軸的最下方刻度線在我創建的折線圖中不可見。軸創建代碼是：

var y = d3.scale.linear().range([height, 0]); 

var yAxis = d3.svg.axis().scale(y) 
    .orient("left").ticks(5) 
    .innerTickSize(-width) 
    .outerTickSize(0) 
    .tickPadding(10); 

軸是好的，但我需要顯示的刻度和文字在底部最Y軸的。這裏有什麼問題？ Here is the JSFiddle.

Answer 1

使用nice()域中：

y.domain([ 
    d3.min(chartData, function(n) { 
     return d3.min(n.values, function(d) { 
      return d.value; 
     }); 
    }), 
    d3.max(chartData, function(n) { 
     return d3.max(n.values, function(d) { 
      return d.value; 
     }); 
    }) 
]).nice(); 

這裏是你的小提琴：https://jsfiddle.net/c8mjha3o/