fix: fixed collision between Y axis title and axis ticks text

[deathsh0ot]

Motivation

This PR fixes the Y axis title and tick text collision issue.

Fixes #57

Type of change

Please delete options that are not relevant.

• [x] Bug fix (non-breaking change which fixes an issue)
• [ ] New feature (non-breaking change which adds functionality)
• [ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
• [ ] This change requires a documentation update

Checklist:

• [x] I have done the work for both react and vue
• [x] I have performed a self-review of my own code
• [x] I have commented my code, particularly in hard-to-understand areas
• [ ] I have made corresponding changes to the documentation (Storybook)
• [ ] I have added unit tests that prove my fix is effective or that my feature works
• [ ] New and existing unit tests pass locally with my changes

Results:

React:

Vue: