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']
    }
}

将此选项添加到代码中