Multiple bar chat with Flot with x-axis string - flot

Question

i am using float charts. i faced a problem with multiplebar chart. when i am trying to get x-axis as "string" it shows only single bar. i need to show x-axis ticks in form for sting like city names.HOW CAN I GET MULTIPLE BARS WITH X-AXIS as string?
my code:
$(function () {
var previousPoint;
var d1 = [ ["January", 10], ["February", 8], ["March", 4], ["April", 13], ["May", 17], ["June", 9] ];
var d2 = [ ["January", 5], ["February", 2], ["March", 11], ["April", 2], ["May", 5], ["June", 12] ];
var d3 = [ ["January", 11], ["February", 12], ["March", 6], ["April",8], ["May", 11], ["June",16] ];
var ds = new Array();
ds.push({
data:d1,
bars: {
show: true,
barWidth: 0.2,
order: 1,
lineWidth : 2
}
});
ds.push({
data:d2,
bars: {
show: true,
barWidth: 0.2,
order: 2
}
});
ds.push({
data:d3,
bars: {
show: true,
barWidth: 0.2,
order: 3
}
});
//tooltip function
function showTooltip(x, y, contents, areAbsoluteXY) {
var rootElt = 'body';
$('<div id="tooltip" class="tooltip-with-bg">' + contents + '</div>').css( {
position: 'absolute',
display: 'none',
'z-index':'1010',
top: y,
left: x
}).prependTo(rootElt).show();
}
//Display graph
$.plot($("#placeholder"), ds, {
xaxis: { mode: "categories",
tickLength: 0
} ,
grid:{
hoverable:true
},
});
});

Answer 1

I don't think you can pass strings in as month data. If you want to use months have a look at the flot api - https://github.com/flot/flot/blob/master/API.md
This fiddle might help you as well - http://jsfiddle.net/jSQ2Y/3/
var m1 = {
data : [[1356998400000,14.72]],
bars: { barWidth: 60*60*24*31*1000 }
};
var m2 = {
data : [[1359676800000,30.74]],
bars: { barWidth: 60*60*24*1000 *28 }
};
var m3 = {
data : [[1362096000000,18.57]],
bars: { barWidth: 60*60*24*31*1000 }
};