Flot does not display x axis labels correctly

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           
});
+3
source share
1 answer

, 1-. , .

+15

Source: https://habr.com/ru/post/1741594/


All Articles