C3.js自定义X轴

Question

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

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

onPostExecute

小提琴演示：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], 
        ]
    }
});

JS为此提供了一个： - http://jsfiddle.net/q8h39/96/