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。