CODEWITHSUNDEEP
javascriptd3.js
maneesha
maneesha

Reputation: 695

y scale on d3 bar chart

I am trying to build a stacked bar chart in d3.

Here's my jsfiddle: http://jsfiddle.net/maneesha/gwjkgruk/4/

I'm trying to fix it so that the y-axis starts at zero.

I thought this is where that was set up and this is how it should be:

yScale = d3.scale.linear()
    .domain([0, yMax])
    .range([0, height]),

but it doesn't work. Changing domain to this gets the scale right but messes up all my rects.

yScale = d3.scale.linear()
    .domain([yMax, 0])
    .range([0, height]),

What am I doing wrong?

Upvotes: 1

Views: 1146

Answers (1)

Francesco
Francesco

Reputation: 1413

Try to modify your scale like that:

yScale = d3.scale.linear()
  .domain([0,yMax])
  .range([height,0]),

and then when you fill the rect:

.attr('y', function (d) {
    return height - yScale(d.y0);
 })
.attr('height', function (d) {
    return height - yScale(d.y);
 })

Upvotes: 3

Related Questions