如何在c3中拟合Y轴

时间:2015-06-09 08:24:40

标签: javascript angularjs c3

我想使用旋转轴,我想要适合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。

1 个答案:

答案 0 :(得分:1)

没有完全得到你想做的事,但是

rotated: true 

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

适合是y轴的有效选项,因此实际上并没有做任何事情。

x轴拟合(http://c3js.org/reference.html#axis-x-tick-fit)也能做到它应该做的事情(刻度是根据数据点) - 只需将小提琴中的true更改为false即可了解它的外观喜欢没有合适。

注意 - 如果你考虑交换数据数组,y类型也不可用(http://c3js.org/reference.html#axis-y-type)。