Y-axis tick-values are clipped off

[paulmaessen]

Hi,

I am using your great library to display some charts on a dashboard.
Using the line-chart I am running into the problem: The tick-values on the Y-axis are clipped off. (see attached screenshot)

I am using the following format for the y-axis:
axis: { y: { format: d3.format(",") }}

In the attached screenshot the first tick should be 100,000 and the last tick should be -80,000. Even when I remove the format from the options the values are clipped.

How can I format these ticks or expand the area that is used to display the tick-values.

Thanks in advance.

Regards,

Paul

[paulmaessen]

Hi,

I found a workaround by scaling the Y-axis value with a scale-factor using the formatting and display this factor as the axis label. However it might be fine to know how I can change the size of the area that is used to display the tick-values.

Thanks in advance.

Paul

[masayuki0812]

Hello,

You can use padding.left option to change the size of the area used for y tick-values.
I added a sample for this option, so please check this - http://c3js.org/samples/options_padding.html

Thank you.

[paulmaessen]

Thanks!