2015-11-24 2 views
0

Я пытаюсь использовать jquery.flot.js с плагином jquery.flot.time.js, чтобы установить график с датой года на xaxis.Невозможно сделать график на два года с jQuery Flot

Это простой график, с двумя линиями, каждая из них имеет точку на 2014 год и второй за год 2015.

Но я unabled иметь правильное время в XAxis легенды: только 2015 отображается, и не в нужном месте:

enter image description here

Я использую простые данные для создания графика, с интервалом в 1 год. Мой DateTime генерируется с помощью JavaScript:

var date14 = new Date(2014, 1, 1, 1).getTime(); 
var date15 = new Date(2015, 1, 1, 1).getTime(); 
var data = { 
    { label="Orders", data=[[date14, 51], [date15, 92]] }, 
    { label="Products", data=[[date14, 69], [date15, 121]] } 
}; 

var options = { 
     series: { 
      lines: { show: true }, 
      points: { show: true } 
     }, 
     yaxis: { 
      minTickSize: 1 
     }, 
     xaxis: { 
      mode: 'time', 
      timeformat: '%y', 
      tickSize: [1, 'year'] 
     }, 
    }; 

$.plot('#container1', data, options); 

Любая идея, как действовать, чтобы получить правильную дату XAxis легенда с 2014 по 2015 год на хорошей позиции?

ответ

0

Ok Я нашел ответ: в Javascript, первый месяц начинается с 0, а не на 1.

Так генерироваться дата должна быть:

var date14 = new Date(2014, 0, 1, 1).getTime(); 
var date15 = new Date(2015, 0, 1, 1).getTime(); 
Смежные вопросы