How to update C3.js graph line width and tick color?

Question

How to update the default line width in a C3.js graph? How to update the tick (the circles) color?

Answer 1

If you use a DOM inspector you can see what classes the different objects have and then it's just a case of assigning some CSS to them e.g.

.c3-line {
    stroke-width: 2px;
}

.c3-circle {
    fill: red !important;
}