Charts D3折线图中的x轴域问题

Charts D3折线图中的x轴域问题,charts,d3.js,line,Charts,D3.js,Line,我在D3中画了一张折线图。我面临x轴对齐的问题。小提琴 问题是“点和x轴不在同一水平面上”。(有一些明显的变化)。 如何将Q1移动到x轴和Y轴的交点。 非常感谢您在这方面提供的任何帮助。您可以通过调整包含轴的组的平移来调整高度,例如,在中更改值height svg.append("g") .attr("class", "x axis") .attr("transform", "translate(0," + height + ")"); 例如,您可能想试试(高度-20) svg

我在D3中画了一张折线图。我面临x轴对齐的问题。小提琴

问题是“点和x轴不在同一水平面上”。(有一些明显的变化)。 如何将Q1移动到x轴和Y轴的交点。
非常感谢您在这方面提供的任何帮助。

您可以通过调整包含轴的组的平移来调整高度,例如,在中更改值
height

svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0," + height + ")");
例如,您可能想试试
(高度-20)

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