The bottom of the x labels are cut off at the boundary of the canvas

[lvarayut]

I rendered the area chart along with x-axis labels. The labels were cut off at the boundary of the canvas. I tried it once again with your example and got the same result:

You can notice that the bottom was cut off. I temporarily fixed it by add a height and a width styles:

SASS:

.ac-chart {
    text-align: center;
    > svg {
        height: $chartHeight + 10;
    }
}

In my opinion, it's not quite a good idea. How can I change the size of the canvas? Any help would be appreciated.