possibly broken flot stack
http://stackoverflow.com/questions/12262325/flot-stacked-bar-chart-not-stacking
by Plippie Plop
HTML
<div id="placeholder" style="width:600px;height:300px;"></div>
<script src="https://rawgit.com/flot/flot/master/jquery.flot.js"></script>
<script src="https://rawgit.com/emmerich/flot-orderBars/master/js/jquery.flot.orderBars.js"></script>
<script src="https://rawgit.com/flot/flot/master/jquery.flot.stack.js"></script>
<script src="https://rawgit.com/flot/flot/master/jquery.flot.pie.js"></script>
JavaScript
var d1 = {"chartname":"Stacked Bars","charts":[{"label":"One","data":[[1, "10"],[2, "4"],[3, "5"],[4, "14"],[5, "44"],[6, "31"],[7, "6"],[8, "26"],[9, "18"],[10, "77"],[11, "4"],[12, "27"]]},{"label":"Two","data":[[1, "12"],[2, "6"],[3, "7"],[4, "16"],[5, "52"],[6, "43"],[7, "8"],[8, "28"],[9, "20"],[10, "80"],[11, "8"],[12, "47"]]},{"label":"Three","data":[[1, "22"],[2, "16"],[3, "17"],[4, "26"],[5, "32"],[6, "53"],[7, "18"],[8, "38"],[9, "30"],[10, "60"],[11, "18"],[12, "37"]]}]}
//announce a dataset
var data = [{
stack: true,
data: d2
];
var placeholder = $("#placeholder");
// plot it
var plot = $.plot(placeholder, d1,{
series: {
stack: true,
lines: {
show: FALSE,
steps: false
},
bars: {
show: true,
barWidth: 0.4,
align: 'center',
fill:true
}
},
grid: {
color: '#aaa',
borderWidth:0,
axisMargin:0,
hoverable: true,
autoHighlight: false
},
legend: {
show: true,
position: "ne"
}
});