Question

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

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是否有能力根据更细粒度的数据来缩放条形图？

Answer 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);
}

道歉，如果这不是你想要的那样！

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

1 个答案: