C3.jsのx軸としてcsv time列を使用するにはどうすればよいですか？

Question

私はcsv形式のデータファイルを持っています。 2番目の列をx軸として使用する必要があります。列はhh：mm：ss形式です。 12時間形式はできますか？ 私が試してみました：

<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> 

Answer 1

あなたは時系列としてあなたのx軸を定義していません。 あなたのconfigが（のみデモの列）、次のようになります。

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をご覧ください。

最新の質問

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 関連する問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.