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

How can one rotate the x-Axis ticks labels? #549

Open
marcosvilela opened this issue Aug 30, 2018 · 8 comments
Open

How can one rotate the x-Axis ticks labels? #549

marcosvilela opened this issue Aug 30, 2018 · 8 comments
Labels

Comments

@marcosvilela
Copy link

I'm having a huge problem with overlapping date objects on tauCharts. The solution thought of by the team that I'm in is to rotate the date label, just like tauCharts itself does when plotting a bar chart with date objects on the x-axis. But I don't get how it is done. Can anyone help with this? I suppose that, since the bar charts already does what we are trying to do, I just need to know how the bar chart rotate the labels

@Mavrin
Copy link
Contributor

Mavrin commented Aug 31, 2018

Could you show me your chart on jsfiddle? Taucharts tries automatically to avoid overlapping axis tick by default.

@marcosvilela
Copy link
Author

marcosvilela commented Aug 31, 2018

So, I wanted to be just like this fiddle here: https://jsfiddle.net/nLdac8sc/74/

Strangely enough, It seems like the normal behaviour of tauCharts is to rotate when the values would overlap. But, for some reason, it is not doing that. Can it be something CSS-related? Since our div has a fixed height, but a % width

I'll work on doing the fiddle, but since it is a relatively big system, I don't think I'll be able to replicate the exact behaviour on a fiddle

@marcosvilela
Copy link
Author

So, another information: This often happens when I use the quick-filter plugin on the data. By filtering it to a small section of the X axis, the labels start overlapping each other

@Mavrin
Copy link
Contributor

Mavrin commented Sep 1, 2018

Maybe you can attach screenshot?

@marcosvilela
Copy link
Author

Here's what's happening. The dates start overlapping each other when the quick-filter is activated

sample-problem

I also noticed that it does happen on this fiddle, where the tick labels also overlap each other

@Mavrin Mavrin added the bug label Sep 3, 2018
@Mavrin
Copy link
Contributor

Mavrin commented Sep 3, 2018

Looks like it is bug. But you can try change fitModel settings, if it is appropriate for your case.
https://jsfiddle.net/taucharts/tnhfxnuc/88/

@marcosvilela
Copy link
Author

Just tried that, but it didn't work. Still it overlaps when I use quick-filter, sadly. So yeah, it looks like a bug.

Thank you for your help anyway, you were very kind. If I find a solution for this, I'll update this issue

@vajura
Copy link

vajura commented Nov 21, 2018

Is there currently no way to set the rotation value yourself for labels on the X and Y axis?

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

No branches or pull requests

3 participants