2013-09-27 3 views
0

im работаю над highcharts Мне нужно показать график с датой начала и окончания, например, с низкой датой - 2013-08-10, а высокая дата - 2013-08-20 с разными цветами в каждой строке, я сделал с цифры, но не могу делать с датами, может кто-нибудь мне помочь?Highchart Даты в данных

series: [{ 
     name: 'Initiatives', 
     data: [{ 
      x: 0, 
      y: ['2013-08-4','2013-08-16'], 
      fillColor: "red" 
     },{ 
      x: 1, 
      y: ['2013-08-2','2013-09-9'], 
      fillColor: "blue" 
     }] 
    }] 

ответ

0

Если вы хотите построить DAT-файлов, вы можете использовать функцию яваскрипта Date.UTC:

y: [Date.UTC(2013,7,4),Date.UTC(2013,7,16)], 

Примечание, месяцы Javascript начинаются с нуля, в августе 7.

Вы должны попробовать что-то вроде:

 data: [{ 
      x: 0, 
        low:Date.UTC(2013,7,4), 
        high:Date.UTC(2013,7,16), 
      color: "red" 
     },{ 
      x: 1, 
        low: Date.UTC(2013,7,2), 
        high:Date.UTC(2013,8,9), 
      color: "blue" 
     }] 

http://jsfiddle.net/x4gQp/

+0

Это не работает я попробовал http://jsfiddle.net/5pCEk/ –

+0

Я не уверен, что вы пытаетесь построить. Можете ли вы описать, что хотите, или показать нам что-то подобное? – SteveP

+0

Мне нравится подобное, но с датами http://jsfiddle.net/5pCEk/7/ –

0

В Highcharts, вы также можете сделать количество миллисекунд, прошедших с 1970-01-01 00:00:00 UTC

series: [{ 
    name: 'Initiatives', 
    data: [{ 
     x: 0, 
     y: [1375574400000, 1376611200000], 
     fillColor: "red" 
    },{ 
     x: 1, 
     y: [1375401600000, 1378684800000], 
     fillColor: "blue" 
    }] 
}] 

Это полезно, если вы генерируете данные диаграммы на другом языке.

В рубина, например, это легко: Date.parse('2013-09-9').strftime('%Q')

Смежные вопросы