如何使用SVG绘制平滑折线图？

Question

我正在研究一个数据可视化项目，我需要在折线图上显示一些信息。所以我使用SVG画线，但我需要使用曲线并制作一个平滑的图表。我怎样才能在SVG中实现这一点。

这是我到目前为止所做的： Current Chart

这就是我想要做的： Desired Chart

Answer 1

你需要一个曲线拟合程序，将你的点变成Bézier曲线。

一个很好的起点是来自Graphic Gems一书的Philip J. Schneider的曲线拟合器。

转到https://github.com/erich666/GraphicsGems/blob/master/gems/FitCurves.c获取代码。