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

Remove (not hide) axis for small chart with a lot of data #62

Closed
Maxwell2022 opened this issue May 19, 2014 · 4 comments
Closed

Remove (not hide) axis for small chart with a lot of data #62

Maxwell2022 opened this issue May 19, 2014 · 4 comments
Labels

Comments

@Maxwell2022
Copy link

For very small chart having the axis graduation makes it useless because impossible to read. Is it possible to hide the axis?

screen shot 2014-05-19 at 3 05 56 pm

At the moment I'm doing it in CSS with the following code:

#chart .y.axis .tick,
#chart .x.axis .tick {
    display: none !important;
}

But it's just hiding the ticks and there is now a blank section where the axis tick label should be.
screen shot 2014-05-19 at 3 04 09 pm

@Maxwell2022 Maxwell2022 changed the title Hide axis for small chart with a lot of data <del>Hide</del> Remove axis for small chart with a lot of data May 19, 2014
@Maxwell2022 Maxwell2022 changed the title <del>Hide</del> Remove axis for small chart with a lot of data Remove (not hide) axis for small chart with a lot of data May 19, 2014
@soyuka soyuka added the bug label May 19, 2014
@soyuka
Copy link
Collaborator

soyuka commented May 19, 2014

We should add a configuration option to add a min-range between ticks.
Or even better, compare it to the font-size to set an automatic range?

Any opinion on this?

@soyuka soyuka added discussion and removed bug labels May 19, 2014
@chinmaymk
Copy link
Owner

Na, no config change required. We just need to add a few media queries with CSS styles. We already have responsive charts now.

@chinmaymk
Copy link
Owner

#48 linking a similar, but old issue

@chinmaymk
Copy link
Owner

For hiding the ticks, right css would be

.axis text {
 display: none !important;
}

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