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

最简单的解决方案是使用以下方法旋转图形：

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

y轴仅接受值，因此您可以旋转旋转x / y轴，或者必须将时间转换为某个值。 例如，您可以使用1234作为12:34。