legend placement issue in D3 Bar chart

legend placement issue in D3 Bar chart

I have a stacked bar chart. I want to place the legend, just above the
chart area ends and in centre like this
I have created a Fiddle HereLegend Fiddle
But I am facing issue in locating the legend at correct dimension. I know
some issue in
.attr("transform", function(d, i) { return "translate(-180," + i * 20 +
")"; });
Could you please help in placing legend at right location. Thanks Gunjan