问D3趋势线域

EN

我用数据库中的一些数据用D3绘制了一张线图，我得到了全年的一些数据来计算我们的趋势线是什么(取一些上午8点、12米、下午4点和9点的值)，我在图表中画了这张图，并给出了每个X(时间)的路径和值。

现在我的问题是趋势线的域当然大于我们当前的值(假设它的值是2 pm，而我的趋势线总是到9 pm)。我得到的关闭是将趋势线的域设置为我的当前数据域，它返回如下：Test1

xTrend.domain(d3.extent(trendData, function (d) { return d.date; }));

我如何削减它，使它不会超出SVGs的宽度？我试着设置width属性，但是它不起作用，所以我猜想它与域有关。

如果我将趋势线的域设置为其数据，则得到以下内容：Test2

xTrend.domain(d3.extent(data, function (d) { return d.date; }));

PS:当我们讨论这个问题时，如果有人能告诉我我的底线是否在我的趋势线之上，那就太好了;)

更新:感谢@lhoworko我添加了以下内容：

svg.append("defs").append("clipPath")
        .attr("id", "clip")
        .append("rect")
        .attr("width", width)
        .attr("height", height);

这是我的路线

.attr("clip-path", "url(#clip)")