d3海量数据绘制折线图

Question

我有21k个数据点的数据集，它们是价格和日期对。我想制作一个折线图，显示每个时间点的价格近似值。但是d3绘制了多条线，结果看起来像这样：

但是，如果我将数据量减少到1000个数据点，它将产生正确的输出，至少看起来正确，也可能是错误的。

这是绘制折线图的代码：

  let line = d3
    .line()
    .x((d) => xScale(d.date))
    .y((d) => yScale(d.price))

  canvasNode
    .append("path")
    .data([data])
    .attr("class", "line")
    .attr("fill", "none")
    .attr("store", "steelblue")
    .attr("stroke-width", 0.25)
    .attr("d", line)

我假设d3正在绘制并连接每个点，由于数据量大，使得它看起来像第一个示例。是否存在减少d3中可见数据点数量和可见点之间插值的内置方法？如果没有，我将如何处理？