I've created a bar chart with Flot that uses two sets of data on one chart. Each set has it's own y-axis. I want the bars to be placed side-by-side, however when the chart is drawn, they overlap.
I tried using the orderbars plugin like so
{ data: d1, bars: {order: 1}, label: "Merchant Vol", },
{ data: d2, bars: {order: 2}, label: "Residual Pmt", yaxis: 2}
but this results in the bars not rendering. I also use the categories mode / plugin.
I suspect it's a problem with using two y-axes. Is there a way to plot bar charts with multiple axes without the bars overlapping? Fiddle with code here.