C3: Add ability to hide X-Axis

Created on 8 Apr 2014 · 9Comments · Source: c3js/c3

We currently have the ability to hide Y-Axis but we need to hide X-Axis too.

(case-in-point: sparkline charts).

C-feature-request resolved maybe

Source

kjavia

Most helpful comment

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ]
    },
        axis: {
            x: {show:false},
            y: {show:false}
        }
});

kjavia on 26 May 2015

👍3 👎2

All 9 comments

I agree. I'll add this feature. Please give me some time.

masayuki0812 on 8 Apr 2014

Thanks. We have a workaround to hide it via css.

kjavia on 8 Apr 2014

@KetanJavia I added axis.x.show option for hiding x axis by the commit above. Could you try this on the latest code? I'll update the version later.

masayuki0812 on 23 Apr 2014

Thanks. That worked!

kjavia on 23 Apr 2014

@kjavia can you share your sparkline code? :)

luisrudge on 26 May 2015

var chart = c3.generate({
    data: {
        columns: [
            ['data1', 30, 200, 100, 400, 150, 250],
            ['data2', 50, 20, 10, 40, 15, 25]
        ]
    },
        axis: {
            x: {show:false},
            y: {show:false}
        }
});

kjavia on 26 May 2015

👍3 👎2

Duh. Sorry! I thought it was something more specific. But I guess it's just a matter of making it really small. Thanks!

luisrudge on 26 May 2015

axis: {show:false} works too