PDA

View Full Version : Stacked Chart, axes dashSize change



xjpmauricio
23 Jul 2012, 7:09 AM
Is there some way to change the dashSize value inside a axis of Category type?

I have a chart with many bars, the problem is that the labels containing dates are not showing up; is there a way to show some more to the top, and others more to the bottom?

This is the way it's showing up:
37407

Here's what i'm doing:


{
type: 'Category',
position: 'bottom',
fields: ['zzzz'],
title: false,
grid: true,
label: {
renderer: function(v) {


var dateInterval = scope.formForecastFilters.cbTo.getValue();

this.font = '11px Helvetica, sans-serif';

if(dateInterval === 30){

this.dashSize = (scope.oddEven%2) == 1 ? -2 : 3;


scope.oddEven = scope.oddEven + 1;

return Ext.Date.format(v, 'D d M Y');
}else{
return Ext.Date.format(v, 'D d M Y');
}

}
}
}

scottmartin
23 Jul 2012, 8:41 AM
I do not believe there is an option to stagger the labels, but you could always place them at an angle to eliminate the overlap.

As shown:
http://dev.sencha.com/deploy/ext-4.1.0-gpl/examples/charts/ReloadChart.html

Scott.

xjpmauricio
23 Jul 2012, 9:05 AM
Hi Scott, that's what i ended up doing!!!

Thanks!!!