integer only of the x,y axis

how to make the axis tick to be integer only?

what I have tried is to use the tick option:

tick: {
    format: function(x) {
        return (x == Math.floor(x)) ? x : "";
    }
}

this can make the label only show integer, but the divid line on the axis still exits.

is there a way to control the axis tick?

[nnabinh]

Better version:

    axis: {
        y: {
            tick: {
                format: function(x) { return x % 1 === 0 ? x : ''; }
            }
        }
    }

[ryana]

FWIW, requiring knowing the internals of D3 and running JS seems really odd. I see that pattern a lot in these C3 issues: someone has a problem, and instead of offering a C3 option, 5-30 lines of javascript that manipulating the underlying SVG is with d3 is the accepted solution. I think in the long run that’s going to be a huge detriment to the adoption of C3.

For this issue in particular, a “axis.y.tick.integer_only” option would be of incredible value. I’d love to provide an extension to C3 for this. I see an example extension here. Is there an extension guide somewhere that can guide me?

Thanks!

Edit: grammar.