在D3.js中绘制自定义路径而不使用伪数据点

在D3.js中绘制自定义路径而不使用伪数据点,d3.js,visualization,data-visualization,D3.js,Visualization,Data Visualization,试图从设计中实现EKG风格的“心跳”图,我很难让D3绘制出我需要的路径 设计规范规定,图形需要返回到每个数据点之间的数值/零点,并且从零点开始的曲线路径应接近数据点本身并急剧上升。请参阅下面的附加图像 这是设计…… 下面是我尝试用虚拟数据(黑圈数据点)匹配曲线的过程。 该图形具有范围为0到2的时间刻度X轴和线性Y轴(我的数据点分别为0、1或2)。这条线使用的是“单调”插值,它看起来最不糟糕 问题: 有没有更好的方法在没有虚拟数据点的情况下获得这种外观 问题后面的问题: 让D3绘制自定义路径(

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

设计规范规定,图形需要返回到每个数据点之间的数值/零点,并且从零点开始的曲线路径应接近数据点本身并急剧上升。请参阅下面的附加图像

这是设计……

下面是我尝试用虚拟数据(黑圈数据点)匹配曲线的过程。

该图形具有范围为0到2的时间刻度X轴和线性Y轴(我的数据点分别为0、1或2)。这条线使用的是“单调”插值,它看起来最不糟糕

问题: 有没有更好的方法在没有虚拟数据点的情况下获得这种外观

问题后面的问题: 让D3绘制自定义路径(例如从函数)的最佳方法是什么

子问题: 为什么单调插值曲线会在最后两个数据点之间如此急剧地向内弯曲路径


感谢您的帮助!设计师和客户对此不会让步,所以我必须尽可能接近:(

听起来你需要一个自定义的线生成器。@Larskothoff你能给我指一个资源吗?应该会有帮助。