<LINK href="/extjs/resources/css/ext-all.css" type="text/css" rel="stylesheet">
<SCRIPT type="text/javascript" src="/extjs/adapter/ext/ext-base.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/extjs/ext-all.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/extjs/src/locale/ext-lang-ru.js"></SCRIPT>

var store = new Ext.data.JsonStore({                                                
    url:'/url/to/serverscript.php',  
    root: 'r', 
    fields: 
[
      // Указываем формат поля времени, поле должно прийти вида 2010-03-04 18:34:55
      {name:'data',type:'date',dateFormat:'Y-m-d H:i:s'},
      // Второе поле просто число
      {name:'c',type:'int'}
      ],
    // Разрешаем автозагрузку
    autoLoad: true                                                            
});

// Указываем необходимые переменные для ExtJs
Ext.BLANK_IMAGE_URL = '/extjs/resources/images/default/s.gif';
Ext.chart.Chart.CHART_URL = '/extjs/resources/charts.swf';

//----------
// Функция для форматирования Date объекта
function format_date_whithout_year(d) {
    return d.format('d.m в H:i');           
}

// Инициируем график
Ext.onReady(function() {                                                   
    Ext.QuickTips.init();  

    // График-----------
    var statistic_graf = new Ext.Panel({                                  
        title: 'Сводная почасовая активность модераторов.',               
        // Указываем id divа куда будет нарисован график.
        renderTo: 'content-charts',                                       
        autoWidth: true,                                 
        height: 400,                                               
        items: {                                                          
            xtype: 'linechart',                                           
            store: store,                                        
            xField: 'data',                                               
            yField: 'c',                                                  
            xAxis: new Ext.chart.TimeAxis({
                            labelRenderer: format_date_whithout_year,
                            calculateByLabelSize: true             
                            })      
            }
      });
});