如何在C3.js中使用csv時間列作爲x軸？

我有一個csv格式的數據文件。我需要使用第二列作爲x軸。該列採用hh：mm：ss格式。我可以做12小時制嗎？我曾嘗試過：如何在C3.js中使用csv時間列作爲x軸？

<SCRIPT> 
var chart = c3.generate({ 
      bindto: '#chart', 
    data: { 

    x: 'time12', 
    xFormat: '%H:%M:%S', 
    url: 'dataXY_11-21-2016.csv', 
    type: 'line' 
    }, 
}); 

axis: { 
     y: { 
      max: 350, 
      min: 0, 
      // Range includes padding, set 0 if no padding needed 
      // padding: {top:0, bottom:0} 
     } 
    } 
}); 
</SCRIPT>

來源

2017-01-18 Jim Julian

您沒有將您的x軸定義爲時間序列。你的配置應該是這樣的（列僅用於演示）：

var chart = c3.generate({ 
    bindto: '#chart', 
    data: { 
     x: 'time12', 
     xFormat: '%H:%M:%S', 
     columns: [ 
      ['data', 90,250,180,320,100], 
      ['time12', '12:31:25', '13:12:54','14:27:21', '14:53:42', '15:51:47'] 
      ], 
     type: 'line' 

    }, 
    axis: { 
     x: { 
      type:'timeseries', 
      tick:{ 
       format: '%H:%M:%S' 
      } 
     }, 
     y: { 
      max: 350, 
      min: 0 
     } 
    } 

});

你只需要調整您的xFormat。如果您有「08:12:23 PM」，請改爲使用「%H:%M:%S %p」。欲瞭解更多信息，你可以訪問c3文檔或看看d3中的formatting options。

來源

2017-01-18 14:00:42 Akoya

這是我使用，並且沒有工作：

相關問題

如何在C3.js中使用csv時間列作爲x軸？

回答

相關問題