D3或人力车中的Zoomable,Google-Finance风格的时间序列图？

Question

我想在D3中创建一个时间序列折线图,下面的图表的较小版本允许用户放大图表的某些部分,如Google财经图表.

我发现的最接近的例子是这个泳道图:

http://bl.ocks.org/1962173

有没有人在D3中使用折线图做任何这样的例子？

注意:我绝对想要一个小版本的图形,顶部有一个可调整大小的刷子,而不是像这个例子那样纯粹可拖动/可缩放的x轴.

理想情况下,我想使用人力车,但人力车的例子似乎只有一个范围滑块.所以人力车的例子会更好.

Answer 1

NVD3是一个非常酷的项目,在D3 上写了许多可重复使用的图表.请参阅此处以获取带有取景器的折线图示例以及源代码.

更新:该NVD3比如现在还链接了一个例子迈克·博斯托克的(D3的创建者)的这表明类似的功能,能够将变焦/聚焦于对数据的选择,与D3.js.纯粹的实现

Answer 2

dygraphs 在这个演示中完全符合你的要求:

http://dygraphs.com/gallery/#g/range-selector

Answer 3

如何HighStock,HighCharts鲜为人知的兄弟姐妹？

Answer 4

我对你提到的任何一个框架都不熟悉，但想知道你是否可以选择使用谷歌图表？使用这个，您将能够了解他们在谷歌金融中所做的事情，并且可以从他们的网站上获取如何做到这一点的示例。

如果您正在寻找其他框架来研究，我可以推荐 Emprise Charts - 我很确定您能够在那里做类似的事情，并且他们的开发团队非常有帮助。