如何在C3圖表的Y軸上顯示時間

Question

是否可以在c3圖表的y軸上顯示時間。使用下面的代碼但不顯示y軸時間.X軸應該是類別，y軸應該是時間。

var chart2 = c3.generate({
              bindto: '#predPerformance',
              data: {
                columns: [
                  ['01-11-2015', 1448287450, 1448287450, 1448287450, 1448287450, 1448287450, 1448287450, 1448287450 ],
                  ['02-11-2015', 1448291104, 1448291104, 1448291104, 1448291104, 1448291104, 1448291104, 1448291104 ]
                ]
              },
              axis: {
                x: {
                  categories: ['ABC', 'PQR', 'WWW', 'POINT', 'ETA','RTA','BLY'],
                  type: 'categorized'
                }
              },              
            axis: {
                y: {
                    type: 'timeseries'
                }
            }
            });  

Answer 1

嘗試axis：rotate屬性，如下面的代碼所示： -

axis: {
  rotated: true
}

Answer 2

我已經格式化了y軸並禁用了工具提示，因為分鍾范圍是0-59但是y軸仍然是值范圍（0-99）。所以我使用自定義工具提示將值范圍轉換為時間范圍。

var chart = c3.generate({
    data: {
        columns: [
            ['data1',201510210120, 201510210150, 201510210120, 201510210130,201510210135,201510210150],
            ['data2',201510210125, 201510210200, 201510210130, 201510210140,201510210155,201510210150],
            ['data3',201510210130, 201510210140, 201510210140, 201510210150,201510210125,201510210200]
        ]
    },
    size: {
            height: 320
          },
    axis: {

        x: {
            type: 'category',
            categories: ['ABC', 'PQR', 'WWW', 'POINT', 'ETA','RTA']
        },
        y: {
            tick: {
            //format: d3.format('$,')
            format: function (d) { return d.toString().substr(8, 2) + ':' + d.toString().substr(10, 2); }
            },
            max: 201510212300,
                    min: 201510210100
        }
    },
    tooltip: {
      show: false
    }
});