d3时间分组之间的过渡

时间:2013-08-16 23:27:35

标签: javascript d3.js visualization time-series

我似乎无法找到一个简单的示例,其中图表可以在时间分组级别之间轻松反弹。假设我有每日数据,并且我希望能够在不同聚合级别(每日,每周,每月)的图表上显示此数据。

有没有很好的方法在没有大量处理的情况下使用D3执行此操作(删除所有rects,并替换为在不同级别分组的新rects)?

2 个答案:

答案 0 :(得分:0)

由于是时间序列数据,您考虑过line/area chart with brushing吗?您可以添加UI组件以将画笔过滤器动态设置为特定日期范围。

答案 1 :(得分:0)

d3具有您应该用于此案例的一般更新模式。

惯例是有两个功能,一个用于设置可视化,另一个用于获取数据和更新可视化。

更新函数接收新数据,绑定它,更新现有的svg(在你的情况下是rects),然后根据需要添加或删除对象。

迈克博斯托克有一个很棒的3部分系列讲解你可以在这里找到:https://twitter.com/mbostock/status/252496768267333632