更新d3折线图显示的数据不正确，可能是由于路径转换

Question

感谢Mike Bostock提供的路径转换教程（here和here），我拼凑了一个使用d3更新的工作图。然而，当它从一个点到另一个点时，图表似乎歪曲了这些点的值。下面是一个视觉示例。正如您将看到的那样：

0, -1, -4, -4, 4, -2, -2, 0 , -3

但图表并没有传达这种模式。相反，它看起来更像是：

0, -1, -4, 2, -2, -1, -3

这是我的代码生成上面的代码（但具有不同的值）：http://jsfiddle.net/q5onmfbd/9/

有没有人知道会发生什么？我有一种感觉，它涉及路径转换，但我可能是错的。

Answer 1

你的interpolation is using“基础” - 这是一个b样条 - 它平滑并且适合“你的点”。

您的意思是使用“线性”interpolation吗？

line = d3.svg.line().interpolate("linear").x((d) ->
  x(new Date(formatDate(d.created_at)))
).y((d) ->
  y(d.value)
)