C3.js、y軸時間

Question

C3.jsを使用して、x軸がキロメートルのリニアリストであり、y軸が対応する時刻であるMM:SSの形式のグラフを生成しようとしています。

私が生成することができた最高の結果は、私が探しているものの逆である以下の結果です。これにより、x軸に時間、y軸にキロメートルのグラフが作成されます。誰もが私が下のグラフをx軸のKMとy軸の時間を持つグラフに変換する方法をアドバイスできますか？ありがとうございました。あなたが回転して、あなたのX/Y軸を切り替えることができたり、あなたがする必要があるので、y軸は値のみを受け入れている

"axis":{ 
<your stuff> 
rotate: true 
} 

：最も単純ソリューションは、とあなたのグラフを回転することであろう

var km_chart = c3.generate({ 
    "data": { 
     "x": "time", 
     "y": "kms", 
     "columns": [ 
      ["time", "04:00", "04:00", "04:15", "04:30", "04:15"], 
      ["kms", 1, 2, 3, 4, 5] 
     ] 
    }, 
    "axis": { 
     "x": { 
      "type": "category" 
     } 
    }, 
    "bindto": "#km_chart" 
}); 

Answer 1

あなたの時間をある価値に変換してください。たとえば、1234を12:34として使用できます。