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。