如何使用 Flot Charts 制作简单的条形图而不是堆积条形图？答案

【问题标题】：How to make a simple bar graph and not stacked bar graph with Flot Charts?如何使用 Flot Charts 制作简单的条形图而不是堆积条形图？
【发布时间】：2013-03-05 15:58:16
【问题描述】：

我正在使用 Flot 图表呈现条形图。它工作正常。以下是代码：

var d1 = [
            [1,20],
            [2,30],
            [3,15],
            [4,45],
            [5,79]
            ];


                $.plot($("#mychart"), [d1], {
                grid: {
                        show: true,
                        clickable: true, 
                        hoverable: true

                },
                    series: {
                        stack: 0,

                        bars: {
                            show: true,
                            barWidth: 0.6,
                            fill: 0.6,
                            align:'center'
                        }
                    },

                colors: ["#F4A70C"]

                });

我的数据是从服务器动态获取的。即使这样也很好。问题是我正在使用以下命令来重绘图表：

            flot.setData(data);
            flot.setupGrid();
            flot.draw();

我得到的输出是一个堆积条形图。我希望每次都呈现一个新的条形图。我设置了stack=0，但这似乎没有任何影响。请指导我。

【问题讨论】：

您是否尝试过再次调用plot 来重绘图表？
这应该可以解决问题。但是人们说一遍又一遍地调用情节并不是那么有效。所以我想知道我是否可以像对折线图那样重绘它。 :(
我从来没有遇到过仅仅回忆plot的问题。 YMMV。
实际上，我正在使用 AngularJS 并且有一个指令可以处理多个图表的重绘功能。所以我想知道我是否可以重绘图表，代码会很整洁。否则，我将不得不单独重新编写条形图的重绘，只是为了再次调用 plot。 :(

标签： javascript flot bar-chart

【解决方案1】：

堆栈插件将 null、undefined 和 false 以外的值视为 true。所以用'false'替换你的零，你应该没问题。

【讨论】：

这是因为你可以制作不同的堆栈——比如stack:0和stack:1
我删除了 Stack 插件，现在可以使用了。傻我。感谢您的洞察力，@DNS。非常感谢。