2014-09-05 65 views
2

最近我开始使用Dygraph为我的网站上的图表,并一切工作就好了。然而,纯粹作为一种抽象的变化,我想要根据我的数据绘制的线条平滑,而不是尖锐的边缘。Dygraph图表线条流畅

我抬头一看,如果dygraph有一个花的情节的选择,但我无法找到任何东西。我还通过Dygraph网站上的选项参考进行了搜索,但再次无济于事。

我确实发现唯一与dygraph绘制边缘平滑是一些在他们的榜样页的例子,像这样的,例如:http://dygraphs.com/gallery/#g/plotter(蓝色和紫色线)

我看着代码的,但我无法弄清楚它是如何制作的。我得到的唯一提示是使用了Math.sin,Math.cos,Math.round等。但是如果我要使用那些 - 这会改变我给我的图表的数据中的值,而我不想那样做。我想要保持价值的方式。

如果任何人有任何想法我如何能实现平滑的边缘,仍然保持自己的价值观,他们是 - 请不要共享的方式。感谢您的阅读!

回答

0

不幸的是花图是不可能在dygraphs(这也说明here)。

如果你真的想要平滑的边缘不改变,我建议你使用类似三次样条插值的值。一篇很好的文章可以帮助你开始,可以找到here。 因此,您要做的是为大量的X值生成这些插值点。 然后你使用dygraphs绘制这些值。 Dygraph仍然使用锐边来显示值,但由于您为大量输入值生成这些值,因此显示的线看起来很平滑。

注意:使用三次样条插值法绘制您的数据点时不会改变确切的值。