時間戳不被訪問時間序列圖C3.js

我想繪製一個給定數據的時間序列圖，有兩列，第一個有時間戳，第二個是當時的相應電壓值。通過C3.js url方法訪問數據文件，並指定日期時間的分析格式。輸出沒有打開。我不知道，但是我在這裏嘗試的方式是正確的嗎？請幫助我。時間戳不被訪問時間序列圖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(); 
 
          } 
 
         } 
 
        } 
 
       } 
 
      });

來源

2016-01-19 shoghi07

它無法告訴你做的是rigt還是錯，除非你把工作小提琴.. – Cyril

經過一些實驗我修改你的代碼，添加逗號（，）分隔參數所需要的，我有你的代碼段工作。下面是修改後的代碼：

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

來源

2016-03-03 02:31:59 WebFixItMan

時間戳不被訪問時間序列圖C3.js

回答

相關問題