Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

y-axis ticks label cannot be fully displayed when there are too many decimals #833

Open
cnwangjie opened this issue Mar 11, 2018 · 4 comments

Comments

@cnwangjie
Copy link
Contributor

If the data is so small that ticks have 6 decimal places, this will cause the following situation:

image

This is the code that will cause this problem: https://jsfiddle.net/wangjie/0zu4L1wn/

Expected Results:

image

By manually increasing the width of SVG.

@wlach
Copy link
Collaborator

wlach commented Mar 12, 2018

@cnwangjie any chance you could come up with a fix? :)

@cnwangjie
Copy link
Contributor Author

@wlach I didn't notice before that we can solve this problem by setting the left argument manually.
Its default value is 50, we can set it to 60 or higher to make the ticks display completely.

I have just seen a similar issue (#838) can be solved this way.
This may be a common problem. If we don't intend to make the ticks appear intact automatically, we should probably tell the user about it.

@wlach
Copy link
Collaborator

wlach commented Mar 29, 2018

When not specified, it would be nice if we could calculate the left argument automatically based on the length of the ticks. This does seem like an ok workaround for now though!

@hamilton
Copy link
Collaborator

hamilton commented Apr 5, 2018

^^^ see my comment re #838

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants