javascript - Flot - 柱形图，系列对齐

Question

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

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

有任何想法吗 ？

Answer 1

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

您可以从Flot Issue #159中获得它们。您需要修补您的浮动（取决于您使用的版本，问题中有几个副本）。由于使用了较新的修订版，我从补丁中拒绝了一两个...然后在 flot 之后将多插件添加到您的 javascript 源中。最后，multiplebars:true在您的实际plot通话选项中使用。

这是您准备好正确的脚本后的大致情况：

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

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

编辑：请注意，自从我做出这个答案以来，flot 已经移至 github。在那里，有人提出了一个包含多插件的拉取请求，该插件将更好地应用于当前版本的代码。