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

时间:2014-05-08 17:18:20

标签: d3.js visualization data-visualization

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

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

这是设计....

Here is the design

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

monotone path with dummy data points

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

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

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

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

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

0 个答案:

没有答案