在本文描述的上下文中:路径转换,我正在从数据馈送中开发一个刻度图。
我喜欢 Mike 在上面的路径转换示例中所做的,他展示了时间轴转换和使用路径对运行线进行插值。
我想从一条简单的模拟条线开始,而不是一条路径,以掌握 D3 的窍门。如果有人可以指导我如何为每个带有转换的新数据输入绘制单独的垂直条,我想我可以完成我的刻度图应用程序。
- 假设输入是
Math.random()
(y1)。 - 假设我们添加
.2
到每个新推送数据点的高度。 - 然后我们
.attr
为x1,y1, x2,y2+.2
每个做。
我不知道如何正确使用转换/翻译。
我看到在 x 轴上运行 Mike 的代码的插值,我也创建了一个y-axis
转换。我熟悉这个主题,但没有足够的能力来做这个简单的线栏版本。