2016-01-19 2 views
0

Я пытаюсь построить график временных рядов для данных с двумя столбцами, сначала имеющих отметку времени, а второй - соответствующее значение напряжения в это время. Доступ к файлу данных с помощью метода URL-адреса C3.js, а также определение формата анализа для даты-времени. Выход не появляется. Я не знаю, но так ли я пытаюсь здесь правильно? Пожалуйста, помогите мне с этим.Временная метка недоступна для графика временных рядов в C3.js

Это мой C3 сценарий:

 var chart=c3.generate({ 
 
       data: { 
 
        url: '/data/data.csv' 
 
        x: 'timestamp' 
 
        xFormat: '%m/%d/%Y %H:%M:%S %p' 
 
//     My date format in .csv file is: 9/30/2015 6:38:00 PM 
 
        columns: [ 
 
         ['timestamp', ... ], 
 
         ['voltage', ... ] 
 
        ] 
 
       }, 
 
       axis: { 
 
        x: { 
 
         type: 'timeseries', 
 
         tick: { 
 
          format: function(x) { 
 
           retun x.getDate(); 
 
          } 
 
         } 
 
        } 
 
       } 
 
      });

+0

его невозможно сказать, вы делаете rigt или неправильно, если вы положили рабочую скрипку .. – Cyril

ответ

0

После некоторых экспериментов я изменил свой код, добавил запятые (,) необходимо, чтобы отделить параметры, и я получил свой фрагмент кода работает , Вот пересмотренный код:

var chart=c3.generate({ 
    data: { 
     url: 'data/data.csv', 
     x: 'timestamp', 
     xFormat: '%m/%d/%Y %H:%M:%S %p', 
     //~ My date format in .csv file is: 3/2/2016 6:44:00 PM 
     columns: [ 
      ['timestamp'], 
      ['voltage'] 
     ] 
    }, 
    axis: { 
     x: { 
       type: 'timeseries', 
       tick: {format: function (x) { return x.getHours(); }} 
      } 
     } 
}); 

В параметре «тиков» Я считаю, что вам нужно использовать методы даты-времени JavaScript, такие как «getHours()», потому что вы пытаетесь отформатировать даты в этой строке, не получить новый даты. В моем случае выход имеет от 0 до 24 часов.

Кроме того, мой файл data.csv выглядит следующим образом:

timestamp,voltage 
3/2/2016 6:44:00 PM,30.893 
3/2/2016 4:57:00 PM,75.964 
3/2/2016 3:43:00 PM,96.37 
3/2/2016 2:38:00 PM,99.157 
3/2/2016 1:29:00 PM,85.335 
3/2/2016 11:16:00 AM,31.445 
Смежные вопросы