Javascript 平滑线动态图
最近我开始在我的网站上使用动态图表,一切都很好。然而,纯粹作为一种审美变化,我希望根据我的数据绘制的线是平滑的,而不是尖锐的边缘 我查了一下dygraph是否有样条曲线图的选项,但什么也找不到。我还搜索了Dygraph网站上的选项参考,但同样没有结果 我唯一发现的是用动态图绘制的平滑边是他们示例页面中的一些示例,例如:(蓝色和紫色线) 我看了一下代码,但我不明白它是怎么变成那样的。我得到的唯一提示是使用了Math.sin、Math.cos、Math.round等等。但是如果我使用这些-这会改变我给出图表的数据中的值,我不希望这样。我想保持价值观的现状Javascript 平滑线动态图,javascript,smooth,spline,dygraphs,edges,Javascript,Smooth,Spline,Dygraphs,Edges,最近我开始在我的网站上使用动态图表,一切都很好。然而,纯粹作为一种审美变化,我希望根据我的数据绘制的线是平滑的,而不是尖锐的边缘 我查了一下dygraph是否有样条曲线图的选项,但什么也找不到。我还搜索了Dygraph网站上的选项参考,但同样没有结果 我唯一发现的是用动态图绘制的平滑边是他们示例页面中的一些示例,例如:(蓝色和紫色线) 我看了一下代码,但我不明白它是怎么变成那样的。我得到的唯一提示是使用了Math.sin、Math.cos、Math.round等等。但是如果我使用这些-这会改变我
如果有人知道我如何才能获得平滑的边缘,并保持我的价值观,请分享。谢谢你的阅读 不幸的是,样条曲线图在动态图中是不可能的(也有说明) 如果你真的想要平滑的边而不改变值,我建议你使用类似三次样条插值的方法。可以找到一篇很好的文章让你开始学习。 然后你要做的就是为一个大的X值数组生成这些插值点。 然后使用动态图绘制这些值。动态图仍然使用锐利的边来显示值,但由于为大量输入值生成这些值,因此显示的线看起来很平滑
注意:使用三次样条插值,您的数据点将在不更改精确值的情况下绘制。请参见github上的动态图问题:
使用贝塞尔曲线平滑绘图仪#469
看起来Dan(dygraphs作者)在OP的问题提出几个月后就解决了这个问题