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。

C3js - 如何在轴标记上设置类别标签

C3js - How to set category label on axis marker

d3.js

c3.js