D3.js Dimple.js烛台图表

D3.js Dimple.js烛台图表,d3.js,dimple.js,D3.js,Dimple.js,我正在使用Dimple.js绘制几个数据系列,我需要在现有图表上添加一个烛台或hi/lo系列。经过分析,我找到了两种可能的方法: 1) 使用Dimple.js中的浮动条选项。由于“宽度”(图表上的高度,但浮动条的宽度)都是不同的,我需要为每个烛台提供不同的数据系列。这感觉像一个黑客,但一个优点是,这将是使用酒窝做所有的渲染。我可能不会走这条路,除非有人想一想如何使这少一点黑客行为 2) 下拉到D3以在点之间绘制线。我可以使用Dimple.js绘制烛台顶部和底部元素的图形,然后使用D3绘制点之间的

我正在使用Dimple.js绘制几个数据系列,我需要在现有图表上添加一个烛台或hi/lo系列。经过分析,我找到了两种可能的方法:

1) 使用Dimple.js中的浮动条选项。由于“宽度”(图表上的高度,但浮动条的宽度)都是不同的,我需要为每个烛台提供不同的数据系列。这感觉像一个黑客,但一个优点是,这将是使用酒窝做所有的渲染。我可能不会走这条路,除非有人想一想如何使这少一点黑客行为

2) 下拉到D3以在点之间绘制线。我可以使用Dimple.js绘制烛台顶部和底部元素的图形,然后使用D3绘制点之间的线。我会对其中一个序列执行selectAll(),然后在另一个序列中绘制到相关点的路径


如果对方法有其他建议,请让我知道。谢谢

您可以使用d3.js构建烛台图表

事实上,我尝试了另一种似乎相当有效的方法。我为每个hi/lo组合创建了一个新系列,并将其绘制为一条酒窝线。有一个技巧——需要增加hi或lo值的x值,使两个x不相同。我怀疑这是因为一个适当的函数f(x)不能有任何x值,使得f(x)产生不同的y。