条形图中未显示的条形

Question

I am modifying this chart sample to go with my sample data.

I removed the functions generating random data and have put my hardcoded sample data. Now, everything is showing up, but not the bars.

I am getting several errors that are of the same type:

Invalid value for <rect> attribute height="NaN"

and

Invalid value for <rect> attribute y="NaN" 

I believe the input values are numbers, still I am getting these errors.

What am I missing?

jsFiddle

Answer 1

Your data is in an incorrect format. The pairs should be objects with x and y properties, not arrays.

This should do it:

data.forEach(function(datum){
    datum.values = datum.values.map(function(el){
        return {x:el[0], y:el[1]}
    });
})