C3: Remove tick marks on far left and far right side of x-axis line?

[veronicaerick]

I need to remove the two ticks that contain the x-axis line.. I was able to hide all of the inner ones with the CSS
.c3-axis .tick line { display: none; }

but this does not remove the two marks at either end on the x-axis line. How can I remove these?

[netil]

@veronicaerick you mean the tick marked as red box?

If so, you can do setting option like:

c3.generate({
           ...
    "axis":{
        "x":{
            tick: {
                outer: false
            }
        },
});

• checkout the API: http://c3js.org/reference.html#axis-x-tick-outer

[aashish-chaubey]

@netil I used you solution but this just removes the tick from one end of the axis not on both the ends. Is there any option to remove the tick from the other end as well?

Thanks.

Edit: Also I wanted to remove the text below the tick (the scale values), how do we do that?

[prasanthmaran1]

@veronicaerick, @netil solution working well 👍,

[panthony]

As this issue queue is to be used for reporting defects and problems with C3.js, not a catch-all support forum, i'm closing this issue.

For further support enquiries, please use the Google Group at https://groups.google.com/forum/#!forum/c3js.

Thank you!