C3.js, время оси y

Question

Используя C3.js, я пытаюсь сгенерировать граф, ось х которого представляет собой линейный список километров, а ось y - соответствующий формат времени MM:SS.

Лучшее, что мне удалось создать, - это результат приведенного ниже, который является обратным тому, что я ищу. Это создает график со временем на оси x и километрами по оси 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 
} 

Оси у только принимающих значений, поэтому вы можете переключить X/Y-ось с поворотом или вы должны конвертируйте свое время в какое-то значение. Например, вы можете использовать 1234 как 12:34.