TargetProcess/tauCharts

How can we configure the y-axis labels and ticks to not be hidden in mobile device width?

Opened this issue · 1 comments

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!

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/