javascript - 如何在c3中拟合Y轴

Question

我想使用旋转轴并且我想适应 Y 轴。我怎样才能做到这一点？

我尝试过:

 c3.generate({
    data: {
    x: 'x',
    columns: [
        ['x', '2013-10-31', '2013-12-31', '2014-01-31', '2014-02-28'],
        ['sample', 30, 100, 400, 150],
    ]
},
 axis : {
    rotated: true,
    x : {
        type : 'timeseries',
        tick: {
            fit: true,
            format: "%e %b %y"
        }
    },
    y: {
        tick: {
            fit: true
        }
    }
}

但没有任何改变。有什么帮助吗？我使用0.4.10版本的c3。

Answer 1

不太明白你想做的事情，但是

rotated: true 

似乎正在做它应该做的事情，即交换 x 和 y 轴。 ( fiddle - http://jsfiddle.net/g93c77Lu/)

fit 不是 y 轴的有效选项，因此它实际上不会执行任何操作。

x 轴拟合( http://c3js.org/reference.html#axis-x-tick-fit )也做了它应该做的事情(刻度线根据数据点) - 只需将 fiddle 中的 true 更改为 false 即可了解没有它的样子适合。

注意 - y 类型还不可用 ( http://c3js.org/reference.html#axis-y-type )，以防您考虑交换数据数组。