extjs — загрузить data.store диаграммы, используя php в качестве переменной

Я пытаюсь использовать представление диаграммы и сохранить в качестве переменной и загрузить данные из php, который выводит действительный json. Я решил использовать это, потому что я хочу показать другой график, основанный на различном значении для отправки.

    Ext.require('Ext.chart.*');
Ext.require('Ext.layout.container.Fit');

window.store1 = Ext.create('Ext.data.Store', {
extend: 'Ext.data.Store',
autoload: true,
idProperty: 'name',
fields: [{
name: "name",
type: "Category"}, {
name: "mangrove_area",
type: "integer"}],

data: [{
"name": "Kenya",
"mangrove_area": 295.3404
}, {
"name": "Tanzania",
"mangrove_area": 821.6568
}, {
"name": "Mozambique",
"mangrove_area": 2185.6
}, {
"name": "Madagascar",
"mangrove_area": 1831.8
}]
});
window.store2 = Ext.create('Ext.data.Store', {

extend: 'Ext.data.Store',
fields: [
{ name: "name", type: "Category" },
{ name: "mangrove_area", type: "integer" }
],
autoload:true,
proxy: {
type: 'ajax',
url: 'data/webmapping/coastaleco_mangroves_chart.php',
reader: {
type: 'json'
}
}

});var chart = Ext.create('Ext.chart.Chart', {
xtype: 'chart',
id: 'EcoChartId',
style: 'background:#fff',
animate: true,
store: store2,

legend: {
position: 'top',
visible: true
},
axes: [{
type: 'Category',
position: 'left',
fields: ['name'],
title: 'Countries',
grid: true,
minimum: 0
}, {
type: 'Numeric',
position: 'bottom',
fields: ['mangrove_area'],
title: 'Area (Sq. Km)'
}],
series: [{
type: 'bar',
axis: 'left',
highlight: true,
stacked: true,
tips: {
trackMouse: true,
width: 250,
height: 28
},

label: {
display: 'insideEnd',
field: 'mangrove_area',
orientation: 'horizontal',
color: '#333',
'text-anchor': 'middle'
},
xField: 'name',
yField: 'mangrove_area',
title: 'Mangroves Area'
}]
});var win2 = new Ext.Window({
extend: 'Ext.window.Window',
frame: true,
width: 500,
height: 350,
layout: 'border',
items: [chart]
});
win2.show();

Json из php такой же, как данные в магазине

 [{
"name": "Kenya",
"mangrove_area": 295.3404
}, {
"name": "Tanzania",
"mangrove_area": 821.6568
}, {
"name": "Mozambique",
"mangrove_area": 2185.6
}, {
"name": "Madagascar",
"mangrove_area": 1831.8
}]

Рабочий магазин — store1. Есть ли способ заставить store2 работать?

Моя версия extjs — 4.2.1.