title: Stacked bar chart not rendering correctly and overlays bars
body: <p>I am trying to draw a stacked bar chart using angular-nvd3, following <a href="https://krispo.github.io/angular-nvd3/#/multiBarChart" rel="nofollow noreferrer">this</a> example. I use <code>multiBarChart</code> as the chart type. The output looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/Pl4Cx.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Pl4Cx.png" alt="enter image description here"></a></p>
  
  <p>The bars are overlaid, whereas the total bar height, as well as the values displayed on mouse over, are correct. The value of each bar corresponds to the number displayed in the label (label_9: three bars with height 9 each, amounts to 27). The orange bar overlays the other bars, instead of starting at value 18.</p>
  
  <p>Here are my chart options:</p>
  
  <pre><code>$scope.options = {
      chart: {
          type: "multiBarChart",
          height: 450,
          margin: {
              top: 20,
              right: 20,
              bottom: 45,
              left: 45
          },
          clipEdge: true,
          duration: 500,
          stacked: true,
          reduceXTicks: false,
          xAxis: {
              "axisLabel": "Time (ms)",
              "showMaxMin": false
          },
          yAxis: {
              "axisLabel": "Y Axis",
              "axisLabelDistance": -20
          }
      }
  };
  </code></pre>
  
  <ol>
  <li>Am I missing something, what could be the cause?</li>
  <li>What would be suitable steps to dig into the issue?</li>
  </ol>
  
  <p>Note: I use text labels instead of numbers. The issue is the same when I use numbers, as in the example. Grouped mode works nicely.</p>