I need to display a graph with a date on the X axis and Amt on the Y axis. There will be 8 rows (series), each of which contains data for 1 month. When I draw a graph, I accurately send data for 6 months (the data of one row is shown below)
[1251701950000, 34.50553] [1254294030000, 01.014463] [1256972350000, 26.7805] [1259567970000, 33.08871] [1262246430000, 51.987762] [1264924750000, 56.868233]
However, the graph looks like this: http://twitpic.com/1gbb7m
The first month label is missing and last month is not aligned correctly, my jot flot code is as follows
$.plot($("#lgdGraphTab"),graphData, {
xaxis: {
mode: "time",
timeformat: "%b-%y",
monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
minTickSize: [1, "month"]
},
yaxis : {
tickSize: 5
},
series: {
lines: { show: true , shadowSize:0},
points: { show: true }
},
legend:{
container: $('#legendArea'),
noColumns:8
},
clickable: true,
hoverable: true
});