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。