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。