D3에서 x 축 도메인 문제가 발생했습니다.

Question

D3에서 선형 차트를 그렸습니다. "점과 x 축이 동일한 수준에없는"- 나는 Link

var x = d3.scale.ordinal().rangeRoundBands([0, width], .2); 

    x.domain(dataset.map(function(d) { 
     return d.qName; })); 

문제는 X 축 alignment.Fiddle에서 문제에 직면하고있다. (약간의 변화가 보인다)). 어떻게 Q1을 X 축과 Y 축의 교점으로 이동시킬 수 있습니까? 이와 관련하여 도움을 주시면 감사하겠습니다.

Answer 1

축을 포함하는 그룹의 번역을 조정하여 높이를 조정할 수 있습니다 (예 :

svg.append("g") 
    .attr("class", "x axis") 
    .attr("transform", "translate(0," + height + ")"); 

의 값 height을 변경 당신은 예를 들어 (height-20)을 시도 할 수 있습니다.