은 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/