1. #1
    Sencha User
    Join Date
    Jun 2011
    Location
    Ukraine, Kherson
    Posts
    30
    Answers
    1
    Vote Rating
    0
    lufton is on a distinguished road

      0  

    Question Unanswered: Please help me with chart and TimeAxis!

    Unanswered: Please help me with chart and TimeAxis!


    First of all, sorry about my English, I'm from Ukraine, so...
    That's a problem: I need to draw a chart with time (x) and category (y) axes. My store definition is:

    Code:
    Ext.define('TimeLineStore', {
        extend: 'Ext.data.Store',
        fields: ['rb', {name: 'time', type: 'time', dateFormat: 'timestamp'}, {name: 'reliability', type: 'int'}],
        autoLoad: true,
        listeners: {
                'load': function(t, records, successful, operation){
                    // ??? need to change fromDate, toDate params of chart ???
                }
        },
        constructor: function(cfg) {
            var me = this;
            cfg = cfg || {};
            me.callParent([Ext.apply({
                proxy: {
                    type: 'ajax',
                    url: 'api.php',
                    reader: {
                        type: 'json',
                        root: 'items',
                    },
                    extraParams: {
                        mode: 'chart',
                        server_id: cfg.server_id,
                        start: compute_time(cfg.start),
                        end: compute_time(cfg.end),
                    },
                }
            }, cfg)]);
        }
    });
    My chart definition (as item of window) is:

    Code:
    Ext.define('ChartWindow', {
        extend: 'Ext.window.Window',
        constrain: true,
        height: 700,
        width: 1200,
        resizable: true,
        layout: 'absolute',
        closable: true,
        title: 'График',
        initComponent: function() {
            var me = this;
            Ext.applyIf(me, {
                items: [
                    {
                        height: 600,
                        width: 1100,
                        xtype: 'chart',
                        style: 'background:#fff',
                        animate: true,
                        store: new TimeLineStore({
                            server_id: 4,
                            start: new Date(new Date() - 24 * 60 * 60 * 1000),
                            end: new Date(),
                            chart: me,
                        }),
                        axes: [{
                            type: 'Time',
                            grid: true,
                            dateFormat: 'd.m.Y H:i',
                            position: 'bottom',
                            fields: ['time'],
                            title: 'Время',
                            // groupBy: 'year,day,month,hour,minute,second',
                            // aggregateOp: 'sum',
                            step: [Ext.Date.HOUR, 1],
                            // fromDate: new Date(new Date() - 24 * 60 * 60 * 1000),
                            // toDate: new Date(),
                        }, {
                            type: 'Category',
                            grid: true,
                            position: 'left',
                            fields: ['rb'],
                            title: 'РБ'
                        }],
                        series: [{
                            tips: {
                                trackMouse: true,
                                width: 120,
                                height: 44,
                                renderer: function(storeItem, item) {
                                    this.setTitle('<center><span  style="color:red; text-weight: bold">' + storeItem.get('rb') + ' (' +  storeItem.get('reliability') + '%)</span><br/>' +  Ext.util.Format.date(new Date(storeItem.get('time')), 'd.m.Y H:i') +  '</center>');
                                }
                            },
                            type: 'scatter',
                            markerConfig: {
                                radius: 4,
                                size: 4
                            },
                            highlight: {
                                size: 5,
                                radius: 5
                            },
                            axis: 'left',
                            color: '#ccc',
                            xField: 'time',
                            yField: 'rb',
                            renderer: function(sprite, record, attr, index, store) {
                                color = Renderers.color('reliability', 'rgb(250, 0, 0)', 'rgb(250, 240, 240)', 0, 100);
                                return color(sprite, record, attr, index, store);
                            },
                        }],
                    },
                ]
            });
            me.callParent(arguments);
        }
    });
    My 'time' field is in timestamp like
    1319661300000 is for {Wed Oct 26 2011 23:35:00 GMT+0300}
    On the load my store receive this data:
    Code:
    {
    "items":[
             {"rb":"\u0422\u041e\u0418  11","time":1319594400000,"reliability":75},
             {"rb":"\u0422\u041e\u0418  11","time":1319590800000,"reliability":75},
             {"rb":"\u0422\u041e\u0418  11","time":1319587200000,"reliability":75}],
    "min":1319587200000,
    "max":1319594400000
    }
    When it rendered I see this picture:Снимок.jpg

    1. Why point on the chart moved (shifted) somewhere aside and scaled?
    2. Why my y axes shows 3 different values, when I have the same 3 values (\u0422\u041e\u0418 11 in unicode escape or ТОИ 11)? I want they all placed on the same height if they will be the same.
    3. Should I set fromDate, toDate and minimum, maximum params of the TimeAxis? How it should be done?
    Please, help me, I'm newbie in ExtJS.

  2. #2
    Sencha User
    Join Date
    Jun 2011
    Location
    Ukraine, Kherson
    Posts
    30
    Answers
    1
    Vote Rating
    0
    lufton is on a distinguished road

      0  

    Default


    Please, do not ignore my problem, help (((

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi