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，其中包含了可以更好地應用於當前版本的代碼的多插件。