svg - D3 - SVG线中的基础和线性插值之间的区别

Question

我实现了一个多系列折线图，就像M. Bostock在这里给出的那样，遇到了一个我无法解释的奇怪问题。当我选择线性插值并设置我的比例和轴时，一切都是正确的并且值对齐良好。

但是，当我将插值更改为基础时，没有对轴和比例进行任何修改，线和轴之间的值不正确。

这里发生了什么？使用单调设置，我可以实现与基本插值几乎相同的效果，但没有线和轴之间的同步问题。我仍然想了解正在发生的事情。

Answer 1

基础插值是实现beta spline，人们喜欢将其用作插值函数，因为它可以平滑极端峰值。当您对期望平滑变化但只有尖锐、不经常采样的数据进行建模时，这很有用。这样做的结果是生成的线不会连接所有数据点，从而改变极值的外观。

在您的情况下，尖峰是有趣的特征，通常为 0 基线值的例外。当您使用样条插值时，您正在平滑这些峰值。

这是一个有趣的演示，可以使用不同类型的线插值：http: //bl.ocks.org/mbostock/4342190

您可以拖动数据，使它们类似于您的尖峰，甚至可以单击添加新点。然后，切换到基础插值并观察峰值被平均化。