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 we configure the y-axis labels and ticks to not be hidden in mobile device width? #556

Open
davified opened this issue Sep 21, 2018 · 1 comment

Comments

@davified
Copy link

davified commented Sep 21, 2018

Is there a way to configure the y-axis labels and ticks to not be hidden in mobile device width?

the y-axis labels show up fine in non-mobile device widths, but the y-axis labels are hidden in mobile device widths. it makes a little hard to make sense of the y-values on mobile devices.

I'd appreciate any advice on this, and thank you for creating this awesome library!

@Mavrin
Copy link
Contributor

Mavrin commented Jan 10, 2019

Hi @davified!
First way. You could specify width and height

var chart = new Taucharts.Chart({
  data: defData,
  type: 'horizontal-bar',
  x: 'effort',
  autoResize: false,
  y: 'team'
});
chart.renderTo('#bar', {width:500, height: 300});

https://jsfiddle.net/9pouakd4/5/
or other way you could try use label dimension

var chart = new Taucharts.Chart({
  data: defData,
  type: 'horizontal-bar',
  x: 'effort',
  label: 'team',
  y: 'team'
});
chart.renderTo('#bar');

https://jsfiddle.net/4n7L3e1c/1/

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

2 participants