Jquery Flot分类堆叠条形图未进行堆叠

Question

我在使用Flot时遇到了问题。我的数据是正确的，但唯一的问题是我的数据没有堆叠。我已经设置了stack: true，但我做错了什么？

以下是php中三个数组的输出：

[["Lifting 1",4],["go 2",0],["Hub",0]]

[["Lifting 1",1],["go 2",106],["Hub",92]]

[["Lifting 1",50],["go 2",24],["Hub",46]]

<script type="text/javascript">

$(function() {

    var d1 = <?php echo json_encode($dataset_inb_dmg01); ?>;
    var d2 = <?php echo json_encode($dataset_inb_dmg02); ?>;
    var d3 = <?php echo json_encode($dataset_inb_dmg03); ?>;

    function plotWithOptions() {
        $.plot("#placeholder", [ d1, d2, d3 ], {
            series: {
                stack: true,
                bars: {
                    show: true,
                    barWidth: 0.6,
                    align: "center"
                }
            },
            xaxis: {
                mode: "categories",
                tickLength: 0
            }
        });
    }
    plotWithOptions();
});

</script>

- sweaty

---

对我来说似乎按预期工作：http://jsfiddle.net/brianpeiris/uQjYe/ - brianpeiris

你是否包含了堆叠插件？ - DNS

Answer 1

确保你在加载类别插件之后再加载堆栈插件。

- brianpeiris

---

你真是个天才！难道我在某个手册中错过了这个吗？我永远不会意识到顺序是问题所在。 - sweaty

合并Flot插件可能有点棘手，API对这些类型的冲突不够强大，我认为我们永远无法记录所有可能的组合。然而，似乎这是堆栈或类别插件中的一个错误，应该予以修复。幸运的是，解决这个问题很容易。 - brianpeiris