Flot Chart Columns multiple data series

Question

I am trying to leverage the jQuery Flot charting package to plot a data series and I want it to look something like this:

I've tried different Flot plugins like the side bar plugin but it's not exactly what I'm looking for. The standard Flot library allows me to plot a bar chart like so:

 var dataEarnings = [ {label: 'actual', data: [[1,300], [2,310], [3,440], [4,300]]}, {label: 'estimate', data: [[1,200], [2,300], [3,400], [4,200]]}, ]; var optionsEarnings = { series: { lines: {show: false, steps: false }, bars: { show: true, barWidth: 0.9, align: 'center', horizontal: false }, points: { show: true, radius: 3, symbol: 'circle' } }, yaxis: { show: true, tickLength: 0 }, xaxis: {ticks: [[1,'Q1'], [2,'Q2'], [3,'Q3'], [4,'Q4']]} }; $.plot($("#chart-earnings"), dataEarnings, optionsEarnings); 

Any suggestions or pointers to other Flot plugins are greatly appreciated!

Answer 1

我找到了我在这里寻找的Flot“气泡”插件...