wrong yDomain for stacked bars in MultiChart

[mszpulak]

it seems that max yDomain is calculated based on one bar - instead of all stacked bars.

However it seems that it's working in regular multiBar chart.

http://plnkr.co/edit/X5eDUU?p=preview

[bgth]

Please check your tickformat. .tickFormat(d3.format(',.f')). You need to add .2f instead of .f. Its not an issue with nvd3.

[mszpulak]

Hi,
It doesn't help. Still ydomain is based on one bar.
Regards,m.,

[bgth]

It works. jsfiddle

[mszpulak]

As you see for the first bar, second ant third color are clipped out. It's because rigth yAxis has ydomain = 600, where it shall has 622

[bgth]

Yeah. I take back. I was also able to reproduce it.

[liquidpele]

Someone just allowed stacking in multichart recently, so probably a bug around that. If you fix, please send us a pull request :)

[mszpulak]

I've forked changes to mszpulak@2189cd5.
thought multichart is customized for my purposes, it's need to be generalized.

[emanuele-f]

I'm experiencing a similar issue for stacked area charts inside the multichart. Here is my patch to fix stacked area charts. This basically sums up the values for the stacked charts and find the maximum value to correctly compute the scale.

This could probably be complemented to fix the stacked bars as well.

                 extraValue2BarStacked.push({x:0, y:0});
             }
-            
+
+            function getStackedAreaYs(series) {
+                return d3.transpose(series).map(function(x) {
+                    return x.map(function(g) {
+                        return g.y;
+                    });
+                }).map(function(x) {return d3.sum(x);});
+            }
+
             yScale1 .domain(yDomain1 || d3.extent(d3.merge(series1).concat(extraValue1BarStacked), function(d) { return d.y } ))
                 .range([0, availableHeight]);
 
             yScale2 .domain(yDomain2 || d3.extent(d3.merge(series2).concat(extraValue2BarStacked), function(d) { return d.y } ))
                 .range([0, availableHeight]);
 
+            var yStackScale1 = yScale1.domain([0, d3.max(getStackedAreaYs(series1))])
+                .range([0, availableHeight]);
+
+            var yStackScale2 = yScale2.domain([0, d3.max(getStackedAreaYs(series2))])
+                .range([0, availableHeight]);
+
             lines1.yDomain(yScale1.domain());
             scatters1.yDomain(yScale1.domain());
             bars1.yDomain(yScale1.domain());
-            stack1.yDomain(yScale1.domain());
+            stack1.yDomain(yStackScale1.domain());
 
             lines2.yDomain(yScale2.domain());
             scatters2.yDomain(yScale2.domain());
             bars2.yDomain(yScale2.domain());
-            stack2.yDomain(yScale2.domain());
+            stack2.yDomain(yStackScale2.domain());
 
             if(dataStack1.length){d3.transition(stack1Wrap).call(stack1);}