Reactjs d3折线图数据点从最小和最大域值裁剪而来

我正在用react和new制作d3图表，react和d3都有。我试图解决的问题是； 我有一个折线图，并且启用了InteractiveGuideLine，所以当我将鼠标悬停在图形上时，我可以看到该点上的值（线上有一个圆圈）。问题是,；对于接近“最小”或“最大”网格线的y轴值，数据点仅从“边域”值剪切而成半圆。

我需要一些填充物才能看到边缘上的整个点。 除了更改域值，还有其他方法可以做到这一点吗？我不想更改域值，因为我的数据是动态的，可以达到非常大的数字，所以它可能不稳定

    nv.addGraph(() => {
        let chart = nv.models.lineChart()
            .padData(true)
            .noData('')
            .margin({ "top": 20, "right": 20, "bottom": 20, "left": 20 })
            .yDomain([0, max])
            .useInteractiveGuideline(true);

        chart.xAxis
            .showMaxMin(false)
            .ticks(5)
            .tickFormat((d) => {
                return ticks[d]
            })

        chart.yAxis.tickFormat((d) => {
            return d;
        })

        d3.select('#chart')
            .datum(chartData)
            .transition().duration(700)
            .call(chart);

        return chart;
    });

---

我在下面加了一行，问题就解决了

chart.lines.clipEdge(false);

---

结果证明，解决方案非常简单。我添加了这一行，问题就解决了；图表.线条.剪贴画（假）；