possibly broken flot stack
http://stackoverflow.com/questions/12262325/flot-stacked-bar-chart-not-stacking
by Plippie Plop
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/markrcote/flot-tickrotor/master/jquery.flot.tickrotor.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"]
]
}];
var fdata=[];
var xticks =[[0,"1"],[1,"2"],[2,"item three"],[3,"item four"],[4,"item five"]];
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: 1,
align: 'center',
lineWidth: 0.5,
fill: 0.8,
order:null
}
},
xaxis :{
ticks : xticks,
rotateTicks:16,
tickLength:0,
max:7,
min:-1
},
grid: {
color: '#aaa',
borderWidth:1,
axisMargin:0,
hoverable: true,
autoHighlight: true
},
legend: {
show: true,
position: "ne"
}
});
plot.on("plothover", function (event, pos, item) {
if(item){
console.log(item.series);
}
});