C3.js - Add right padding to Timeseries charts

Question

I was wondering if there is a way to add right padding to a Timeseries chart on C3.js.

As you can see on this example from C3js.org, the date labels are getting cut off on the right. Or see following picture:

Answer 1

You can use the option padding > right, like so

var chart = c3.generate({
    padding: {
        right: 20
    },
    data: {
    ...

---

From the documentation at http://c3js.org/reference.html#padding-right

padding.right

The padding on the right of the chart.

Default: undefined