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轴不在同一水平上”。 （有一些转变可见））。 如何将Q1移动到x轴和Y轴的交点。 在这方面的任何帮助将受到高度赞赏。

Answer 1

您可以通过调整包含轴的组的平移来调整高度，例如：更改

中的值height

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

例如，您可能想尝试(height-20)。