vendredi 12 septembre 2014

Error in the built version (not the dev version) of a chart developed in Architect.

Code:



//Chart
var seriesVar1='Mål';
var seriesVar2='Mål rådgiver';
var chartHeader='Nysalg Aksjefond';
var gridtHeader='Nysalg Aksjefond';
var chartFields=['name','Rådgiver','Rådgiver annen bank','Kundesenter','Nettkanalene', 'Mål','Mål rådgiver'];
var chartNumericFields=['Rådgiver','Rådgiver annen bank','Kundesenter','Nettkanalene', 'Mål','Mål rådgiver'];
var chartStackFields=['Rådgiver','Rådgiver annen bank','Kundesenter','Nettkanalene'];
var chartTitle = 'Nysalg Aksjefond';

var store = Ext.create('Ext.data.JsonStore', {
fields: chartFields,
data: [
{'name': 'jan.14','Rådgiver': 14,'Rådgiver annen bank': 8,'Kundesenter': 12,'Nettkanalene': 10,'Mål': 40,'Mål rådgiver': 20},
{'name': 'feb.14','Rådgiver': 16,'Rådgiver annen bank': 10,'Kundesenter': 8,'Nettkanalene': 7,'Mål': 40,'Mål rådgiver': 20},
{'name': 'mar.14','Rådgiver': 14,'Rådgiver annen bank': 12,'Kundesenter': 2,'Nettkanalene': 5,'Mål': 40,'Mål rådgiver': 20},
{'name': 'apr.14','Rådgiver': 6,'Rådgiver annen bank': 1,'Kundesenter': 14,'Nettkanalene': 2,'Mål': 40,'Mål rådgiver': 20},
{'name': 'mai.14','Rådgiver': 36,'Rådgiver annen bank': 13,'Kundesenter': 4,'Nettkanalene': 5,'Mål': 40,'Mål rådgiver': 20},
{'name': 'jun.14','Rådgiver': 12,'Rådgiver annen bank': 12,'Kundesenter': 5,'Nettkanalene': 3,'Mål': 40,'Mål rådgiver': 20},
{'name': 'jul.14','Rådgiver': 23,'Rådgiver annen bank': 11,'Kundesenter': 6,'Nettkanalene': 7,'Mål': 40,'Mål rådgiver': 20},
{'name': 'aug.14','Rådgiver': 5,'Rådgiver annen bank': 13,'Kundesenter': 7,'Nettkanalene': 8,'Mål': 40,'Mål rådgiver': 20},
{'name': 'sep.14','Rådgiver': 14,'Rådgiver annen bank': 14,'Kundesenter': 6,'Nettkanalene': 10,'Mål': 40,'Mål rådgiver': 20},
{'name': 'okt.14','Rådgiver': 16,'Rådgiver annen bank': 9,'Kundesenter': 5,'Nettkanalene': 11,'Mål': 40,'Mål rådgiver': 20},
{'name': 'nov.14','Rådgiver': 32,'Rådgiver annen bank': 11,'Kundesenter': 7,'Nettkanalene': 8,'Mål': 40,'Mål rådgiver': 20},
{'name': 'des.14','Rådgiver': 23,'Rådgiver annen bank': 12,'Kundesenter': 4,'Nettkanalene': 9,'Mål': 40,'Mål rådgiver': 20}
]
});

var chartStack = Ext.create('Ext.chart.CartesianChart', {
//width: '100%',
//height: 460,
legend: {
docked: 'bottom'
},
//interactions: ['itemhighlight'],
title:'Graf: ' + chartTitle,
store: store,
insetPadding: {
top: 100,
left: 80,
right: 80,
bottom: 30
},
/*sprites: [{
type: 'text',
text: chartTitle,
font: '36px Helvetica',
width: 100,
height: 70,
x: 80, // the sprite x position
y: 60 // the sprite y position
}],*/
axes: [{
type: 'numeric',
position: 'left',
adjustByMajorUnit: true,
grid: false,
fields: chartNumericFields
}, {
type: 'category',
position: 'bottom',
grid: false,
fields: ['name']
}],
series: [{
type: 'bar',
axis: 'left',
xField: 'name',
yField: chartStackFields,
stacked: true,
style: {
opacity: 0.80
},
highlight: {
fillStyle: 'yellow',
opacity: 0.5,
strokeStyle: 'black',
radius: 10
},
tooltip: {
style: 'background: #fff',
renderer: function(storeItem, item) {
this.setTitle(item.field + ': ' + String(Ext.util.Format.number(storeItem.data[item.field],'0,000')));
}
}
}, {
type: 'line',
highlight: {
size: 7,
radius: 7
},
axis: 'left',
xField: 'name',
yField: seriesVar1,
marker: {
type: 'circle',
size: 4,
radius: 4,
'stroke-width': 0
},
tooltip: {
trackMouse: true,
style: 'background: #fff',
renderer: function(storeItem, item) {
this.setTitle(item.field + ': ' + String(Ext.util.Format.number(storeItem.data[item.field],'0,000')));
}
}
}, {
type: 'line',
highlight: {
size: 7,
radius: 7
},
axis: 'left',
xField: 'name',
yField: seriesVar2,
marker: {
type: 'circle',
size: 4,
radius: 4,
'stroke-width': 0
},
tooltip: {
trackMouse: true,
style: 'background: #fff',
renderer: function(storeItem, item) {
var title = item.series.getTitle();
this.setTitle(item.field + ': ' + String(Ext.util.Format.number(storeItem.data[item.field],'0,000')));
}
}
}]
});

Ext.ComponentQuery.query('#ChartContainer')[0].add(chartAndGrid);





Error in the built version (not the dev version) of a chart developed in Architect.

Aucun commentaire:

Enregistrer un commentaire