PDA

View Full Version : No axis in Radar Chart



Dustfighter
14 Nov 2012, 11:31 AM
In my webapp created in Architect and Ext 4.1 I can´t get a radar chart to show the category axis and there labels. It works fine if I move the chart to another container without changing anything in the chart.
The container have it´s layout type 'fit'.
Is there any know problem with this?

40051
{
xtype: 'chart',
itemId: 'ComparisonChart',
autoSize: false,
animate: true,
insetPadding: 20,
store: 'Comparison',
series: [
{
type: 'radar',
highlight: true,
showInLegend: true,
tips: {
trackMouse: true,
width: 140,
height: 40,
renderer: function(storeItem, item) {
this.setTitle(storeItem.get('cat') + ":" + storeItem.get('data1'));

}
},
title: 'Data1',
showMarkers: true,
style: {
opacity: 0.4
},
xField: 'cat',
yField: 'data1'
},
{
type: 'radar',
highlight: true,
showInLegend: true,
tips: {
trackMouse: true,
width: 140,
height: 40,
renderer: function(storeItem, item) {
this.setTitle(storeItem.get('cat') + ":" + storeItem.get('data2'));

}
},
title: 'Data2',
showMarkers: true,
style: {
opacity: 0.4
},
xField: 'cat',
yField: 'data2'
},
{
type: 'radar',
highlight: true,
showInLegend: true,
tips: {
trackMouse: true,
width: 140,
height: 80,
renderer: function(storeItem, item) {
this.setTitle(storeItem.get('cat') + ":" + storeItem.get('data3'));

}
},
title: 'Data3',
showMarkers: true,
style: {
opacity: 0.3
},
xField: 'cat',
yField: 'data3'
}
],
legend: {

},
axes: [
{
position: 'radial',
type: 'Radial',
maximum: 30,
steps: 5
}
]
}