D3直方图 - 基于日期 [英] D3 Histogram - Date Based

问题描述

我有一个日期数组

["01/01/2001", "01/01/2001", "03/01/2001", "01/04/2001", "01/05/2001", "02/05/2001", "01/07/2001", "01/07/2001", "01/07/2001", "01/10/2001"]

有些是重复的，

我想要做的是产生一个直方图（或条形图），显示计数

What I want to do is produce a histogram (or bar chart) that shows counts of "dates" in arbitrary # of buckets (like 20 buckets).

如果存储桶中没有日期，则显示为零，并且包含日期的存储桶总数为0

Where there are no dates in a bucket it shows zero and a total for those buckets that contain dates.

基本上就像这个例子：
http://bl.ocks.org/mbostock/3048450

Basically like this example: http://bl.ocks.org/mbostock/3048450

但我不需要显示随机的秒，我需要dates。

But instead of showing random "seconds" I need "dates".

喜欢：

我想我正在将X缩放域更改为数据中的日期范围。

I guess I'm looking to change X scale domain to the range of dates in my data.

推荐答案

因此，解决方案是在注释中建议的@LarsKotthoff。

So the solution for this is as @LarsKotthoff suggested in the comments.

var x = d3.time.scale().domain([firstDate, lastDate]).range([0, width]);

var data = d3.layout.histogram()
        .bins(x.ticks(bins))  
        (values);

var formatDate = d3.time.format("%d/%m/%y");
var xAxis = d3.svg.axis()
            .scale(x)
            .orient("bottom")
            .tickFormat(formatDate);

这篇关于D3直方图 - 基于日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！