c3js: Is there a way to change font size?

c3.js
Kludge picture Kludge · Feb 11, 2015 · Viewed 20k times · Source

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

aberna picture aberna · Feb 11, 2015

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

Related questions

How to change tooltip content in c3js

I'm working on a timeline display and I have data that I want to show on the tooltip. currently it only shows the value at each time. and I cannot find a way to change it. the example below shows …

Read More
C3.js - How to specify the timestamp format when plotting timeseries taken from InfluxDB

influxDB timestamps look like this: 2015-01-29T21:55:43.702900257Z The question is what options should I use for the x-axis when I generate the graph with C3.js The error I get: "Failed to parse x '2015-01-29T21:55:43.702900257…

Read More
Is there any way to change a label with c3js?

I am using the new c3js library. Is there any way to change a label for a piece of data in the chart? I have a bar chart where each bar is a dollar value. I want the labels …

Read More