使用订单栏和类别插件绘制多轴条形图

Question

我创建了一个带有Flot的条形图，它在一个图表上使用了两组数据。每组都有自己的y轴。我希望并排放置条形图，但是绘制图表时它们会重叠。

我尝试使用orderbars插件，如此

{ data: d1, bars: {order: 1}, label: "Merchant Vol",  },
{ data: d2, bars: {order: 2}, label: "Residual Pmt", yaxis: 2}

但这会导致条形无法渲染。我还使用了类别模式/插件。

我怀疑使用两个y轴是个问题。有没有办法用多个轴绘制条形图而不重叠条形图？代码here.

Answer 1

orderbars插件与类别插件不兼容。它通过将每个条从其原始位置稍微移动来工作（例如，对于一个数据系列，x值1处的条移动到0.9，而对于另一个数据系列移动到1.1）。当Jun-16为x值时，这不起作用。

解决方案是删除类别插件，使用数字x值并自己设置x轴刻度。请参阅更新的小提琴here。