View Full Version : Stacked Chart, axes dashSize change

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:

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');
return Ext.Date.format(v, 'D d M Y');


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:


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