堆积条形图未正确呈现并覆盖条形图

Question

我正在尝试使用 angular-nvd3 绘制堆积条形图，遵循this 示例。我使用multiBarChart 作为图表类型。输出如下所示：

条形图是重叠的，而条形图的总高度以及鼠标悬停时显示的值是正确的。每个条的值对应于标签中显示的数字（label_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
        }
    }
};

1. 我错过了什么，可能是什么原因？
2. 有哪些合适的步骤可以深入研究这个问题？

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

Answer 1

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