Dygraph圖表線條流暢

Question

最近我開始使用Dygraph爲我的網站上的圖表，並一切工作就好了。然而，純粹作爲一種抽象的變化，我想要根據我的數據繪製的線條平滑，而不是尖銳的邊緣。

我擡頭一看，如果dygraph有一個花的情節的選擇，但我無法找到任何東西。我還通過Dygraph網站上的選項參考進行了搜索，但再次無濟於事。

我確實發現唯一與dygraph繪製邊緣平滑是一些在他們的榜樣頁的例子，像這樣的，例如：http://dygraphs.com/gallery/#g/plotter（藍色和紫色線）

我看着代碼的，但我無法弄清楚它是如何製作的。我得到的唯一提示是使用了Math.sin，Math.cos，Math.round等。但是如果我要使用那些 - 這會改變我給我的圖表的數據中的值，而我不想那樣做。我想要保持價值的方式。

如果任何人有任何想法我如何能實現平滑的邊緣，仍然保持自己的價值觀，他們是 - 請不要共享的方式。感謝您的閱讀！

Answer 1

不幸的是花圖是不可能在dygraphs（這也說明here）。

如果你真的想要平滑的邊緣不改變，我建議你使用類似三次樣條插值的值。一篇很好的文章可以幫助你開始，可以找到here。 因此，您要做的是爲大量的X值生成這些插值點。 然後你使用dygraphs繪製這些值。 Dygraph仍然使用銳邊來顯示值，但由於您爲大量輸入值生成這些值，因此顯示的線看起來很平滑。

注意：使用三次樣條插值法繪製您的數據點時不會改變確切的值。

Answer 2

在Github上查看dygraphs問題：
平滑繪圖儀使用貝塞爾曲線＃469
它看起來像丹（dygraphs作者）的任擇議定書的問題，幾個月後解決了這個問題。

https://github.com/danvk/dygraphs/pull/469

http://dygraphs.com/extras/