How can we configure the y-axis labels and ticks to not be hidden in mobile device width?
Opened this issue · 1 comments
davified commented
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 commented
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');