Angularjs 堆叠条形图未正确渲染和覆盖条形图

我正在尝试使用angular-nvd3绘制堆叠条形图，如下示例。我使用

multiBarChart

作为图表类型。输出如下所示：

这些条是重叠的，而条的总高度以及鼠标悬停时显示的值是正确的。每个条形的值对应于标签中显示的数字（标签9：三个条形，每个高度9，总计27）。橙色条覆盖其他条，而不是从值18开始

以下是我的图表选项：

$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
        }
    }
};

我错过了什么，可能是什么原因

深入研究这个问题的合适步骤是什么

---

注意：我使用文本标签而不是数字。当我使用数字时，问题是相同的，如示例中所示。分组模式工作得很好。

我发现了这个问题，并将其发布在这里，以防其他人发现它有帮助：我的值是字符串，而不是数字，即“9”而不是9