Всем доброго времени суток
Столкнулся с проблемкой масштабирования в графиках.
Вот скрипт из примеров в ExtJs:
Ext.require(['Ext.*']);
Ext.onReady(function() {
Ext.QuickTips.init();
Ext.define('BlackFrog', {
extend: 'Ext.data.Model',
fields: ['name', 'data1']
});
var store = Ext.create('Ext.data.JsonStore', {
model: 'BlackFrog',
//loading: true,
proxy: {
type: 'ajax',
url: './engine/getData.php',
actionMethods: 'POST',
reader: {
type: 'json',
root: 'contents'
}
}
});
store.load();
var chart1 = Ext.create('Ext.chart.Chart',{
xtype: 'chart',
animate: false,
mask: 'horizontal',
listeners: {
select: {
fn: function(me, selection) {
me.setZoom(selection);
me.mask.hide();
}
},
},
store: store,
insetPadding: 30,
axes: [{
type: 'Numeric',
minimum: 0,
position: 'left',
fields: ['data1'],
title: false,
grid: true,
label: {
renderer: Ext.util.Format.numberRenderer('0,0'),
font: '10px Arial'
}
}, {
type: 'Category',
position: 'bottom',
fields: ['name'],
title: false,
label: {
font: '11px Arial',
renderer: function(name) {
return name.substr(0, 3) + ' 07';
}
}
}],
series: [{
type: 'line',
axis: 'left',
xField: 'name',
yField: 'data1',
listeners: {
itemmouseup: function(item) {
Ext.example.msg('Item Selected', item.value[1] + ' visits on ' + Ext.Date.monthNames[item.value[0]]);
}
},
tips: {
trackMouse: true,
width: 80,
height: 40,
renderer: function(storeItem, item) {
this.setTitle(storeItem.get('name'));
this.update(storeItem.get('data1'));
}
},
style: {
fill: '#38B8BF',
stroke: '#38B8BF',
'stroke-width': 3
},
markerConfig: {
type: 'circle',
size: 4,
radius: 4,
'stroke-width': 0,
fill: '#38B8BF',
stroke: '#38B8BF'
}
}]
});
var panel1 = Ext.create('widget.panel', {
width: 600,
height: 300,
title: 'ExtJS.com Visits Trends, 2007/2008 (No styling)',
renderTo: Ext.getBody(),
layout: 'fit',
items: chart1
});
});
В мануале указано, что для добавления масштабирования графиков, достаточно добавить к chart:
mask: 'horizontal',
listeners: {
select: {
fn: function(me, selection) {
me.setZoom(selection);
me.mask.hide();
}
}
}
Но после добавления кода, элементов для масштабирования не появляется. Рылся по данной проблеме на форуме у Sencha, подобных тем хватает одну из них даже в Ext:Bugs перенесли, но видимых решений проблем так никто и не пишет.
Кто нибудь сталкивался с подобными проблемами?
