可缩放图表是否需要针对每个缩放级别使用不同的数据集?

时间:2013-10-17 20:57:18

标签: d3.js

假设您有一个条形图,根据查看月份的日期绘制页面浏览量。您可以像这样表示数据:

var data = [ { date: '05-05-2011', count: 6 }, { date: '05-06-2011', count: 10 } ... ]

条形图可能如下所示:http://i.imgur.com/kj2IPWH.png

现在说您要“缩小”此图表并按月查看视图。该图表可能如下所示:http://i.imgur.com/uwoLLBG.png

我的问题:数据是否需要改变,以至于它就像

var data = [ { date: '05-2011', count: 100 }, { date: '06-2011', count: 131 } ... ]

或者d3是否有能力根据更细粒度的数据来缩放条形图?

1 个答案:

答案 0 :(得分:1)

点击此处的示例:http://bl.ocks.org/mbostock/1667367

重新采样的代码在本节中:

function brushed() {
  x.domain(brush.empty() ? x2.domain() : brush.extent());
  focus.select("path").attr("d", area);
  focus.select(".x.axis").call(xAxis);
}

道歉,如果这不是你想要的那样!