C3.js，y軸時間

Question

使用C3.js，我試圖生成一個圖表，其x軸是一個線性列表的公里，y軸是相應的時間 - 格式爲MM:SS。

我已經能夠生成的最好的結果是下面的結果，這是我所尋找的相反。這會生成一個x軸上的時間和y軸上的公里的圖表。任何人都可以建議我如何將下面的內容轉換爲用x軸KM和y軸時間生成圖表。謝謝。

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

的simpliest的解決辦法是用旋轉你圖表：

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

y軸僅接受值，這樣就可以與旋轉開關的X/Y軸或者必須把你的時間轉換成一些價值。例如，你可以使用1234作爲12:34。