D3js當我使用.interpolate（'basis'）時，線圖並沒有貫穿我所有的要點？

Question

當我嘗試使用.interpolate('basis')時，我的圖中顯示的路徑不正確。當它更改爲.interpolate('linear')它解決了問題。即使我使用.interpolate('basis')，我如何解決這個問題。這裏是猛擊http://plnkr.co/edit/dGjaHXZ186JYzX8IUahw?p=preview請幫助我。

Answer 1

我假設「不正確」你的意思是「沒有經過我所有的要點」。 basis插值使用b-spline，它沒有這個屬性 - 沒有辦法「修復」它，這只是它的行爲。

您可能會考慮使用cardinal插值法，這也爲您提供了一條平滑的曲線，但也會經歷所有的點。示例here。

Answer 2

D3中的插值表示一些數學公式，用一條線連接不同的點。即使您可以自定義插值的行爲，如果您覺得D3提供的默認類型不能滿足您的需求。這些資源可能會有所幫助。

D3 Documentation Link

Example to visualize different interpolations