使用序数刻度创建d3 v4直方图

Question

This is my piece of code, I am unable to fetch the data in bins. I am new to d3 and I think there is some problem with the ordinal or scaleband scale. Can anyone help.

    dom = (data.map(function(d) { return d[attri]; }));

    x = d3.scaleBand()      
   .range([0,width])
   .paddingInner([0.1])
   .paddingOuter([0.3])
   .align([0.5]);

   x.domain(dom);

   bins = d3.histogram()
  .domain(x.domain)
  (mydata);

Answer 1

There are two problems here.

First problem, domain as a getter (and as a setter as well) has parentheses:

x.domain()

But, unfortunately, that doesn't fix your code, you cannot do:

bins.domain(x.domain())

... for your histogram domain with the scale you have. The reason is the second problem:

In a d3 histogram, domain is an array with two values, the minimum and the maximum value. According to the documentation:

If domain is specified, sets the domain accessor to the specified function or array and returns this histogram generator [...] The histogram domain is defined as an array [min, max], where min is the minimum observable value and max is the maximum observable value; both values are inclusive. Any value outside of this domain will be ignored when the histogram is generated. ( source )

However, right now, your x.domain() is an array with several values (from data.map ). You could do x.domain() to set your histogram domain if your scale were a linear one.

So, set your histogram domain properly.