C3.js自定义X轴

Question

我正在使用 C3.js。我有一个网格，其中包含几个与 X 轴具有相同值的图。我可以让绘图位置取决于 X 轴值吗？

我尝试使用 c3js 轴库，但没有帮助：

  axis: {
        x: {
            type: 'category',
             categories: ['1235', '2523', '2563', '1234']
        }
    }

fiddle 演示：http://jsfiddle.net/q8h39/95/ 是我现在所拥有的。

但结果应该如下：

Answer 1

尝试 c3.js 中的多轴图表，通过它您可以实现您正在寻找的内容，如下所示：-

var chart = c3.generate({
    data: {
        xs: {
            'data1': 'x1', 
        },
        columns: [
            ['x1', 10, 30, 45, 50, 70, 100], 
            ['data1', 30, 200, 100, 400, 150, 250], 
        ]
    }
});

JSfiddle 为此：-http://jsfiddle.net/q8h39/96/

C3.js自定义X轴

C3.js Customize X axis

javascript

arrays

jquery

c3.js