C3js - 軸マーカーにカテゴリラベルを設定する方法

Question

私はc3jsを使用して線グラフを描画しています。 x軸は、軸マーカーの間に表示されるラベルを表示します。 axis.x.type： 'category'を使用しています。それ以外の場合、行は作成されません。

しかし、私はそれらの間ではなく、x軸のマーカーに表示したいと思います。

は、ここでは、サンプルコード

ここ

var chart = c3.generate({ 
    data: { 
     x:'xaxis', 
     columns: [ 
      ['xaxis','cat1', 'cat2', 'cat3', 'cat4', 'cat5', 'cat6', 'cat7', 'cat8', 'cat9'], 
      ['data1', 30, 200, 100, 400, 150, 250, 50, 100, 250] 
     ] 
    }, 
    axis: { 
     x: { 
     type: 'category' 
     } 
    } 
}); 

jsfiddle https://jsfiddle.net/abhinaw/kyjgzd62上のサンプルコードはあります。

これを行う方法はありますか？

おかげ

Answer 1

使用axis.x.tick.centeredオプション：

axis: { 
    x: { 
    tick: { 
     centered: true 
    } 
    } 
} 

はupdated fiddleを参照してください。