possibly broken flot stack
http://stackoverflow.com/questions/12262325/flot-stacked-bar-chart-not-stacking
by ryleyb
HTML
<script src="http://people.iola.dk/olau/flot/jquery.flot.js"></script>
<script src="http://people.iola.dk/olau/flot/jquery.flot.stack.js"></script>
<div id="placeholder" style="width:600px;height:300px;"></div>
JavaScript
var d1 = [];
d1.push([3, 28]);
var d2 = [];
d2.push([3, 83]);
var d3 = [];
d3.push([3, 195]);
//announce a dataset
var data = [{
stack: true,
data: d1,
color: "#f21d1d"},
{
stack: true,
data: d2,
color: "#1d61f2"},
{
stack: true,
data: d3,
color: "#5bc91a"},
];
var placeholder = $("#placeholder");
// plot it
var plot = $.plot(placeholder, data,{
series: {stack: true,
lines: {show: false, steps: false},
bars: {show: true, barWidth: 0.4, align: 'center'}
},
xaxis: {
ticks: [3]
},
yaxis: {
min: 0,
},
grid: {
color: '#aaa',
borderWidth:0,
axisMargin:0,
hoverable: true,
autoHighlight: false
},
legend: {
show: true,
position: "ne",
noColumns: 1
}
} );