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

Multiple multi-line data labels and vertical spacing/line-height #4292

Closed
smogg opened this issue May 26, 2017 · 7 comments · Fixed by #5914
Closed

Multiple multi-line data labels and vertical spacing/line-height #4292

smogg opened this issue May 26, 2017 · 7 comments · Fixed by #5914
Milestone

Comments

@smogg
Copy link

smogg commented May 26, 2017

Creating a horizontalBar chart with many multiple-line labels on the left causes (visually) incorrect vertical spacing between them, if the chart is not tall enough. I've tried to properties inside beforeFit/afterFit callbacks but no success so far.

Current Behavior

screen shot 2017-05-26 at 13 48 18

https://jsfiddle.net/ncfs4164/6/

Expected Behavior

User should be able to manually set the spacing (or label's lineHeight?) between lines inside a multi-line label.

  • Chart.js version: 2.5.0 (tho older versions yield the same result)
@smogg smogg changed the title Multiple multi-line legend items and vertical spacing/line-height Multiple multi-line data labels and vertical spacing/line-height May 26, 2017
@etimberg
Copy link
Member

@smogg do you have a fiddle that reproduces this?

@smogg
Copy link
Author

smogg commented May 26, 2017

@etimberg yup, it was posted in the original message after the picture, here it is again: https://jsfiddle.net/ncfs4164/6/

@etimberg
Copy link
Member

Sorry, missed that. Thanks for posting it again

@binDongKim
Copy link

@smogg Did you manage to handle the issue?

@akegan
Copy link

akegan commented Mar 20, 2018

Line-height issue related to #4379 as well. Are there any plans to allow for configuration of line height? Has anyone found a solution?

Ideally we'd be able to vertically-align labels, but adjusting line height might also help with my issue:
image

@lud-hu
Copy link

lud-hu commented Jul 7, 2018

Got the same issue and would love to have vertical align for (multiline-)labels. Any plans or updates on this?

@PCASME
Copy link

PCASME commented Nov 2, 2018

Any workaround for this?

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

Successfully merging a pull request may close this issue.

7 participants