why isn't the xAxis property 'labelSpacing' effective?
why isn't the xAxis property 'labelSpacing' effective?
My code is like below:
======================No.1 js file (add 2 lines in the extjs 3.2.1 example code)================
// extra extra simple
new Ext.Panel({
title: 'ExtJS.com Visits Trend, 2007/2008 (No styling)',
renderTo: 'container',
width:1000,
height:300,
layout:'fit',
items: {
xtype: 'linechart',
store: store,
xField: 'name',
yField: 'visits',
xAxis: new Ext.chart.CategoryAxis({
title: 'test XAxis',
labelSpacing: 20 // I add it, and nothing happened.why?
}),
yAxis: new Ext.chart.NumericAxis({
title: 'test YAxis',
labelSpacing: 20 // I add it, and nothing happened.why?
}),
listeners: {
itemclick: function(o){
var rec = store.getAt(o.index);
Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('name'));
}
}
}
});
===================No.2 js file=====================================
Another js file: