Formatting y tick

[skinnybrit51]

When formatting the y tick the sizing of the chart is not correct. At the moment the tick label is cut off. Notice how the dollar sign is cut off.

[ttamminen]

This might be related with #982

We have exactly same issue. Manually setting the padding doesn't work because the font size changes between breakpoints.

[masayuki0812]

Sorry for this issue, it's a bug. I think this was fixed by this commit 4140ceb and it's been released as v0.4.10-rc3. Can you try this version?
Btw, 0.4.10 is almost ready to release, so I'll let you know when it's released.

[skinnybrit51]

This is still an issue for me. Would overriding the fonts in css cause an issue?

[masayuki0812]

I don't think so. I tried larger font size, but it seems working.
Btw, I tested with 0.4.10-rc5, so can you try again with this version? And can you give me a fiddle for your issue?

[skinnybrit51]

Tested with rc5 and same issue. Here's the fiddle. http://jsfiddle.net/qqqptmdx/2/

I also noticed you are doing your own calculation code for tick text and exploding it out over multiple tspan if you believe it will not fit. I am sure this is not an uncommon problem, so you might want to explore the idea of using independent open source piece of code.

[masayuki0812]

Thanks for the detail. As I investigated, .c3 svg in c3.css seems the cause. If I removed this selector, it works as expected. I think .c3 svg is not needed because you're specifying #chart svg, or please use only .c3 svg. Anyway, it seems css matter.

[skinnybrit51]

OK. I can live with making that change in my css.