javascript - 并排的 jQuery flot 多条形图

Question

我使用带有类别插件的 jQuery plot 来创建图表。 我想用这段代码为每个月并排绘制两个条形图:

$.plot(".chart", [ { label: "Neue Mitglieder", data: data, order: 1 }, { label: "Fällige Kündigungen", data: data2, order: 2 } ], {
        series: {
            bars: {
                show: true,
                barWidth: 0.5,
                align: "center",

            }
        },
        xaxis: {
            mode: "categories",
            ticks: [[0,"Jan"], [1,"Feb"],  [2,"Mär"],  [3,"Apr"],  [4,"Mai"],  
                    [5,"Jun"],  [6,"Jul"],  [7,"Aug"],  [8,"Sep"],  [9,"Okt"],  [10,"Nov"],  [11,"Dez"]],
            tickLength: 1,

        },
        grid: {
            hoverable: true,
        },
        yAxis: {
            allowDecimals:false,
    }
    });

这就是我的结果:

条形仍然重叠，但我希望我的结果看起来像

有人知道我的代码有什么问题吗？我认为“订单”选项可以解决这个问题，但它并没有改变任何东西。

这是 jsfiddle:http://jsfiddle.net/buk8mhy8/

Answer 1

在您的 fiddle 中发现 2 个错误

1. jquery.flot.orderBars.js 链接错误。
2. 从系列数据中删除顺序:1 和 2

3. 用这个更新了你的系列默认对象

   series: {
     bars: {
       show: true,
       barWidth: 0.15,
       order: 1
     }
    }
   

   检查 updated fiddle

希望这对您有所帮助。