d3.js - 在不使用虚假数据点的情况下在D3.js中绘制自定义路径

尝试从设计中实现EKG风格的“心跳”图表，我很难让D3绘制出我需要的路径。

设计规范指出图形需要返回到每个数据点之间的中心点/零点，并且来自零点的曲线路径应该接近数据点本身并且急剧上升。请参见下面的附件

这是设计....

Here is the design

这是我尝试将曲线与虚拟数据（黑色圆圈数据点）匹配......

monotone path with dummy data points

图形具有时间刻度X轴和线性Y轴，范围从0到2（我的数据点分别为0,1或2）。这条线正在使用“单调”插值，这是最不可怕的。

问题： 有没有更好的方法来获得没有虚拟数据点的外观？

问题-背后的问题： 让D3绘制自定义路径（例如从函数中）的最佳方法是什么？

子问题： 为什么单调插值曲线在最后2个数据点之间如此急剧地向内弯曲？

任何帮助表示赞赏！设计师和客户不会在这一点上让步，所以我必须尽可能地接近它:(