possibly broken flot stack
http://stackoverflow.com/questions/12262325/flot-stacked-bar-chart-not-stacking
HTML
<script src="//rawgit.com/flot/flot/master/jquery.flot.js"></script>
<script src="//rawgit.com/flot/flot/master/jquery.flot.resize.js"></script>
<div id="placeholder" style="width:600px;height:300px;"></div>
<script src="//rawgit.com/flot/flot/master/jquery.flot.categories.js"></script>
<script src="//rawgit.com/emmerich/flot-orderBars/master/js/jquery.flot.orderBars.js"></script>
<script src="//rawgit.com/flot/flot/master/jquery.flot.stack.js"></script>
<script src="//rawgit.com/flot/flot/master/jquery.flot.pie.js"></script>
JavaScript
var d1 = [
{"label":"One","data":[
[0, "5"],
[1, "4"],
[2, "5"],
[3, "14"],
[4, "44"],
[5, "31"],
[6, "6"],
[7, "26"],
[8, "18"],
[9, "77"],
[10, "4"]
]
},{"label":"Two","data":[
[0, "2"],
[1, "5"],
[2, "14"],
[3, "15"],
[4, "4"],
[5, "34"],
[6, "31"],
[7, "16"],
[8, "16"],
[9, "8"],
[10, "57"]
]
}
,{"label":"Three","data":[
[0, "3"],
[1, "8"],
[2, "24"],
[3, "18"],
[4, "8"],
[5, "36"],
[6, "38"],
[7, "22"],
[8, "22"],
[9, "10"],
[10, "59"]
]
}];
var fdata=[];
for (var i=0; i < d1.length;i++){
fdata.push({
data: d1[i].data,
label: d1[i].label,
bars:{
order: i
}
});
}
var placeholder = $("#placeholder");
// plot it
var plot = $.plot(placeholder, fdata,{
series: {
stack: false, // true,
lines: {
show: false,
steps: false
},
bars: {
show: true,
barWidth: 0.25,
align: 'center',
fill: 0.5,
order:null
}
},
grid: {
color: '#aaa',
borderWidth:0,
axisMargin:0,
hoverable: true,
autoHighlight: false
},
legend: {
show: true,
position: "ne"
}
});