c3js: Is there a way to change font size?

Question

Can I enlarge the font of c3js charts, such as in axis labels, data labels or categories? I'm interested in setting the general-case font to a larger one.

I searched the docs and couldn't find anything that related to "font" in any way.

Answer 1

Use the following two classes.

.c3-axis-y text 
{
  font-size: 15px; //change the size of the fonts
}

.c3-axis-x text 
{
  font-size: 15px; //change the size of the fonts
}

For a y axis on the right hand side use - .c3-axis-y2 text

Answer 2

C3 give some classes for each element when generating. So, you can change the style of the elements by using those classes with CSS.

Example: 1. Line style The lines have c3-line-[id] class, so this class can be used to define the style in css.

A Web Inspector would be useful to check classes.

In your case labels are:

• c3-legend-item-event
• tick
• ....

From C3js documentation: http://c3js.org/gettingstarted.html