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

Need better x-axis label formatting. #121

Closed
constellates opened this issue Jul 16, 2014 · 4 comments
Closed

Need better x-axis label formatting. #121

constellates opened this issue Jul 16, 2014 · 4 comments

Comments

@constellates
Copy link

I'm not sure if I'm missing an option but I am struggling to get useable x-axis labels. It appears that no matter what my input data set is, I always have 13 labels on the x-axis. I'm running into an issue when the labels are rather large (large numbers like 4400), they overlap one another if their isn't enough space (making them unreadable. I would also like the option to only use the first and last x-axis label or at least know from my labelFunction if the input is the first or last value. Let me know if anything like this is in your roadmap or if I've missed or misused existing features.

@constellates
Copy link
Author

For a visual. This can be noted in the 'time-series' chart in the examples if you resize to a narrower browser size. http://n3-charts.github.io/line-chart/#/examples

@chazzlabs
Copy link

👍

This module fits my application nicely, but I'm forced to find an alternatice because I can't customize the x-axis to suit my data sets.

@constellates it's been quite a while, but did you solve this in your case? If so, how? Your suggestion to show only the first and last x-axis labels is exactly the use case I'm interested in.

@lorem--ipsum
Copy link
Member

Hm, since two of you are annoyed with that, I'll probably take a look at it by the end of the week.

lorem--ipsum pushed a commit that referenced this issue Oct 17, 2014
Added ticks and tickValues in options (issue #121)
@disquizzed
Copy link

I have a similar problem, but having less ticks is not a solution for me since my labelFunction returns Strings which I always need to have displayed under the columns in my charts. And since I have many columns in my charts, this automatically means that my Ox labels overlap.

Is there any recommended workaround or solution available in order to have my Ox label Strings visible and not overlapping?

I have a hack in mind, that is rotating the labels on the Ox axis by overriding the default CSS. However, I would prefer a cleaner solution if available and also, considering this hack, I would not be quite happy with the way the chart would look in charts with less columns for which no actual Ox axis label rotation would be needed.

lorem--ipsum pushed a commit that referenced this issue Nov 3, 2015
Added ticks and tickValues in options (issue #121)
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

4 participants