bug(axis): autorotated x axis tick texts are cut off at the end of x axis

[michkami]

Description

Autorotated x axis tick texts are broken in V2.
As you can see in the screenshot below, the texts get cut at the end of the x axis.

How it should look like:

It looks like the x axis clip path is cutting them off, as you can see below :

xAxisClipPathWidth = 524.5437140659369

7419f44 says, that x axis clip path fits the real axis size. Wouldn't the real axis size include the overflow, if autorotate is enabled and getAxisTickRotate() returns value > 0?

Adding getXAxisTickTextY2Overflow() to https://github.com/naver/billboard.js/blob/master/src/ChartInternal/internals/clip.ts#L61 fixed the problem for me locally.

Steps to check or reproduce

1. Open https://naver.github.io/billboard.js/demo/#Axis.XAxisTickAutorotate

[netil]

Hi @michkami, the issue comes from the axes' left/right clip size adjustment(#1449).

To not clipped, you can use axis.x.clipPath option.
Set false to not apply clip-path attribute for x axis.

axis: {
    x: {
       clipPath: false
    }
}

[michkami]

thx @netil :)
Somehow I didn't find this commit.