D3js 折线图在我使用 .interpolate('basis') 时不会遍历我的所有点

D3js Line graph doesn't go through all of my points when I use .interpolate('basis')?

本文关键字:遍历 我的 basis interpolate D3js 折线图      更新时间:2023-09-26

当我尝试使用.interpolate('basis')时,我的图表中显示了不正确的路径。当它更改为.interpolate('linear')时,它会解决问题。即使我使用.interpolate('basis'),我如何解决此问题。这是http://plnkr.co/edit/dGjaHXZ186JYzX8IUahw?p=preview请帮助我。

我认为"不正确"是指"没有通过我的所有观点"。basis插值使用没有此属性的 b 样条——没有办法"修复"它,这就是它的行为方式。

您可以考虑cardinal插值,这也为您提供了平滑曲线,但也遍历了所有点。这里的例子。

D3 中的插值表示一些数学方程,用一条线连接不同的点。如果您认为 D3 提供的默认类型不能满足您的需求,甚至可以自定义插值的行为。这些资源可能会有所帮助。

D3 文档链接

可视化不同插值的示例