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 轴。（小提琴 - http://jsfiddle.net/g93c77Lu/）

fit不是y 轴的有效选项，因此它实际上并没有做任何事情。

x 轴拟合（http://c3js.org/reference.html#axis-x-tick-fit）也做了它应该做的（刻度是根据数据点） - 只需将 true 更改为 false小提琴来了解它在不合身的情况下会是什么样子。

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