Показать сообщение отдельно
  #1 (permalink)  
Старый 11.05.2012, 13:16
wUI wUI вне форума
Аспирант
Отправить личное сообщение для wUI Посмотреть профиль Найти все сообщения от wUI
 
Регистрация: 19.04.2012
Сообщений: 78

Min/max в осях графиков.
Всем доброго времени суток
При написании системы графиков возник вопрос:
Есть ли в ExtJS возможность присвоения min и max для осей графиков?
Небольшой пример:
var LineChart = Ext.create('Ext.chart.Chart', {
            height: 600,
            width: 980,
            x: 0,
            y: 0,
            id: 'LineChart',
            xtype: 'chart',
            style: 'background:#fff',
            animate: true,
            store: store,
            axes: [{
                type: 'Numeric',
                position: 'left',
                fields: ['data1'],
                grid: true,
                minimum: 0 // вот эти самые значения, которые нужно изменять.
                maximum: 100
            }, {
                type: 'Category',
                position: 'bottom',
                fields: ['name']
            }],
            series: [{
                type: 'line',
                axis: 'left',
                gutter: 80,
                xField: 'name',
                yField: ['data1'],
                tips: {
                    trackMouse: true,
                    width: 165,
                    height: 28,
                    renderer: function(storeItem, item) {
                        this.setTitle(storeItem.get('name') + ' : ' + storeItem.get('data1'));
                    }
                },
                style: {
                    fill: '#38B8BF'
                }
            }]
        });

var finalPanel = Ext.create('Ext.panel.Panel', {
        width: 1016,
        height: 780,
        frame: true,
        title: 'График',
        renderTo: document.body,
        layout: 'vbox',
        items: [{
               xtype: 'fieldset', 
               height: 100,
               width: 1000,
               collapsible: true,
               title: 'Параметры запроса',
               layout: 'absolute',
               items: [{
                      // Созданные объекты для ввода значений min/max
                      x: 0,
                      y: 35,
                      xtype: 'textfield',
                      name: 'min',
                      id: 'min',
                      emptyText: 'значение MIN',
                      fieldLabel: 'Мин. значение',
                      allowBlank: false
                      },{ 
                      x: 270,
                      y: 35,
                      xtype: 'textfield',
                      name: 'max',
                      id: 'max',
                      emptyText: 'значение MAX',
                      fieldLabel: 'Макс. значение',
                      allowBlank: false 
                },{
                      width: 90,
                      xtype: 'button',
                      text: 'Выполнить',
                      handler: function() {
                                  par1 = Ext.getCmp('min').getValue();
                                  par2 = Ext.getCmp('max').getValue();
                                  Ext.getCmp('LineChart')./*как-то передаем значение par1/par2 в min/max*/;
                                  store.load();
                                  }                
                      }]
            },{
            xtype: 'fieldset',
            id: 'oLineCharts',
            x: 0,
            y: 150,
            height: 630,
            width: 1000,
            title: 'график',
            layout: 'fit',
            items:  [LineChart]
        }

Есть идеи?
Ответить с цитированием