C3.js条形图：设置X轴标签

Question

我必须绘制一个带有两个数据集的条形图，并且我想用文本标记每个集合（在X轴上）。下面的代码产生：

可以看出，标签是自动生成的，即0和1（以黄色突出显示）。但我想将0和1更改为两个文字值，例如P1和P2。

var chart = c3.generate({
    bindto: '#bar',
    data: {
        columns: [
            ['A1', 30, 200],
            ['A2', 130, 100],
            ['A3', 12, 59],
            ['A4', 42, 25],
            ['A5', 76, 84],
            ['A6', 83, 14],
            ['A7', 54, 87],
            ['A8', 110, 40],
            ['A9', 34, 48]
        ],
        type: 'bar'
    },
    bar: {
        width: {
            ratio: 0.5
        }
    }
});

到目前为止，我找不到分配X轴标签的方法......

Answer 1

axis: {
    x: {
        type: 'category',
        categories: ['cat1', 'cat2']
    }
}

将此选项添加到代码