Flot - 柱形图，系列排列在一起

Question

我可以使用flot来绘制像这样的图表http://developer.yahoo.com/yui/examples/charts/charts-rotation.html吗？

我的意思是，我有两个系列在x轴上具有相同的值，我想像上面的例子一样显示它们对齐在一起，Flot将它们绘制成一个在另一个之上。

任何想法？

Answer 1

好吧，这有点晚，但这是你怎么做的...... Flot不支持这个开箱即用，但有一个非常好的补丁和插件，它会让你做你想做的。

你从Flot Issue #159得到它们。您需要修补您的flot（取决于您使用的修订版本，此问题有几个副本）。由于使用了更新的修订版，我从修补程序中删除了一个或两个...然后将多插件添加到您的javascript源代码中。最后，在您的实际plot致电选项中使用multiplebars:true。

下面是它的将是什么样子，一旦你有合适的剧本准备去的总体思路：

$.plot($("#placeholder"), [ d1, d2, d3 ], { 
    series: { 
    bars: { show: true, barWidth: 0.3, align:'center' } 
    }, 
    multiplebars:true 
}); 

你可以看到它在这里的行动：http://jsfiddle.net/ryleyb/B3uGP/2/

编辑：请注意，自从我做出这个回答后，flot已经转移到github上。在那边，有人制作了一个pull request，其中包含了可以更好地应用于当前版本的代码的多插件。