x осевой выпуск домена в D3 Линейный график

Question

Я нарисовал линейную диаграмму в D3. Я столкнулся вопрос в оси х alignment.Fiddle Link

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

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

Этот вопрос - «точки и оси х, не на том же уровне». (есть видимый сдвиг)). Как я могу переключить Q1 на точку пересечения оси x и оси Y. Любая помощь в этом отношении будет высоко оценена.

Answer 1

Вы можете отрегулировать высоту, отрегулировав перевод группы, содержащей ось, например. изменить значение height в

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

Вы можете попробовать (height-20), например.