Hybrid View

    You found a bug! We've classified it as EXTJS-8787 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User
    Join Date
    Jun 2012
    Posts
    4
    Vote Rating
    0
    gspyrka is on a distinguished road

      0  

    Default Wrong filling space under line series when it have null values

    Wrong filling space under line series when it have null values


    Attachment 41963Attachment 41964
    Attached Images

  2. #2
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,197
    Vote Rating
    482
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    You will need to provide more detail on what the exact problem is before we can help.

    -What version of Ext4 are you using?
    -Do you have a working test case?

    Scott.

  3. #3
    Sencha User
    Join Date
    Jun 2012
    Posts
    4
    Vote Rating
    0
    gspyrka is on a distinguished road

      0  

    Default


    I have ExtJs 4.1 and I use it through sandbox (with ExtJS3 together)

    code:
    HTML Code:
        Ext4.define('DataPoint', {
            extend: 'Ext.data.Model',
            fields: [
                    {name: 'time', type: 'date', dateFormat: 'Y-m-d H:i'}, 
                    {name: 'val',mapping:'value', type: 'float', useNull:true, convert: function(v, record){ if(v == null){return false}return parseInt(v)}}, ],
            idProperty: 'time',
            persistenceProperty: 'data'
        });
    
        var store = Ext4.create('Ext.data.Store', {
            model: 'DataPoint',
            proxy:{
                type: 'ajax',
                url: "charts/checkRAM",
                reader: {
                    type: 'json',
                    root: 'data'
                }
            },
            sorters: [{ 
                property: 'time'
            }],
            format: 'json',
            idProperty: 'time',
            root: 'data'
        });
            store.load();
                var ext3Panel = new Ext.Panel({
                    title:'Ext3'
                });
                ext3Panel.on('afterrender', function() {
                    var ext4Panel = Ext4.create('Ext.chart.Chart', {
                        renderTo: ext3Panel.body.dom,
                        width: 700,
                        height: 400,
                        region:'center',
                         store: store,
                        axes: [
                           {
                               title: "x",
                               type: 'Category',
                               position: 'bottom',
                               fields: ['time'],
                                label : {
                                    renderer : function(v){
                                        if(!Ext.isFunction(v.format("Y-m-d")))
                                        {
                                            return v.format("Y-m-d") + " \n     " + '    ' + v.format("H:i")
                                        }
                                        else
                                        {
                                            return v
                                        }
                                    }
                                }
                           },
                           {
                               title: "y",
                               type: 'Numeric',
                               position: 'left'
                           }
                       ],
                         series: [
                            { 
                                xField: 'time', 
                                yField: 'val', 
                                type: 'line',
                                fill: true
                            }
                         ]
                   });
    
                    ext3Panel.add(ext4Panel);
                });
    JSON:

    HTML Code:
    {   "success": true,   "data":    [     {       "time": "2013-02-20 07:03",       "value": null     },     {       "time": "2013-02-20 07:08",       "value": null     },     {       "time": "2013-02-20 07:13",       "value": null     },     {       "time": "2013-02-20 07:18",       "value": null     },     {       "time": "2013-02-20 07:23",       "value": null     },     {       "time": "2013-02-20 07:28",       "value": null     },     {       "time": "2013-02-20 07:33",       "value": null     },     {       "time": "2013-02-20 07:38",       "value": null     },     {       "time": "2013-02-20 07:43",       "value": null     },     {       "time": "2013-02-20 07:48",       "value": null     },     {       "time": "2013-02-20 07:53",       "value": null     },     {       "time": "2013-02-20 07:58",      "value": null     },     {       "time": "2013-02-20 08:03",       "value": null     },     {       "time": "2013-02-20 08:08",       "value": "19"     },     {       "time": "2013-02-20 08:13",       "value": "26"     },     {       "time": "2013-02-20 08:18",       "value": "32"     },     {       "time": "2013-02-20 08:23",       "value": "32"     },     {       "time": "2013-02-20 08:28",       "value": "32"     },     {       "time": "2013-02-20 08:33",       "value": "32"     },     {       "time": "2013-02-20 08:38",       "value": "33"     },     {       "time": "2013-02-20 08:43",       "value": "33"     },     {       "time": "2013-02-20 08:48",       "value": "34"     },     {       "time": "2013-02-20 08:53",       "value": "34"     },     {       "time": "2013-02-20 08:58",       "value": "34"     },    {       "time": "2013-02-20 09:03",       "value": "34"     },     {       "time": "2013-02-20 09:08",       "value": "34"     },     {       "time": "2013-02-20 09:13",       "value": "34"     },     {       "time": "2013-02-20 09:18",       "value": "34"     },     {       "time": "2013-02-20 09:23",       "value": null     },     {       "time": "2013-02-20 09:24",       "value": "34"     },     {       "time": "2013-02-20 09:29",       "value": "34"     },     {       "time": "2013-02-20 09:34",       "value": "36"     },     {       "time": "2013-02-20 09:39",       "value": "37"     },     {       "time": "2013-02-20 09:44",       "value": "37"     },     {       "time": "2013-02-20 09:49",       "value": "37"     },     {       "time": "2013-02-20 09:54",       "value": "34"     },     {       "time": "2013-02-20 09:59",      "value": "35"     },     {       "time": "2013-02-20 10:04",       "value": "35"     },     {       "time": "2013-02-20 10:09",       "value": "35"     },     {       "time": "2013-02-20 10:14",       "value": "34"     },     {       "time": "2013-02-20 10:19",       "value": "34"     },     {       "time": "2013-02-20 10:24",       "value": "34"     },     {       "time": "2013-02-20 10:29",       "value": "32"     },     {       "time": "2013-02-20 10:34",       "value": "32"     },     {       "time": "2013-02-20 10:39",       "value": "32"     },     {       "time": "2013-02-20 10:44",       "value": "32"     },     {       "time": "2013-02-20 10:49",       "value": "32"     },     {       "time": "2013-02-20 10:54",       "value": "32"     },     {       "time": "2013-02-20 10:59",       "value": "32"     },    {       "time": "2013-02-20 11:04",       "value": "33"     },     {       "time": "2013-02-20 11:09",       "value": "34"     },     {       "time": "2013-02-20 11:14",       "value": "34"     },     {       "time": "2013-02-20 11:19",       "value": "34"     },     {       "time": "2013-02-20 11:24",       "value": "34"     },     {       "time": "2013-02-20 11:29",       "value": "34"     },     {       "time": "2013-02-20 11:34",       "value": "34"     },     {       "time": "2013-02-20 11:39",       "value": "34"     },     {       "time": "2013-02-20 11:44",       "value": "36"     },     {       "time": "2013-02-20 11:49",       "value": "34"     },     {       "time": "2013-02-20 11:54",       "value": "36"     },     {       "time": "2013-02-20 11:59",       "value": "34"     },     {       "time": "2013-02-20 12:04",      "value": "41"     },     {       "time": "2013-02-20 12:09",       "value": "41"     },     {       "time": "2013-02-20 12:14",       "value": "41"     },     {       "time": "2013-02-20 12:19",       "value": "43"     },     {       "time": "2013-02-20 12:24",       "value": "55"     },     {       "time": "2013-02-20 12:29",       "value": "61"     },     {       "time": "2013-02-20 12:34",       "value": "62"     },     {       "time": "2013-02-20 12:39",       "value": "62"     },     {       "time": "2013-02-20 12:44",       "value": "62"     },     {       "time": "2013-02-20 12:49",       "value": "62"     },     {       "time": "2013-02-20 12:54",       "value": "61"     },     {       "time": "2013-02-20 12:59",       "value": "62"     },     {       "time": "2013-02-20 13:04",       "value": "61"     },    {       "time": "2013-02-20 13:09",       "value": "62"     },     {       "time": "2013-02-20 13:14",       "value": "61"     },     {       "time": "2013-02-20 13:19",       "value": "61"     },     {       "time": "2013-02-20 13:24",       "value": "61"     },     {       "time": "2013-02-20 13:29",       "value": "62"     },     {       "time": "2013-02-20 13:34",       "value": "63"     },     {       "time": "2013-02-20 13:39",       "value": "63"     },     {       "time": "2013-02-20 13:44",       "value": "64"     },     {       "time": "2013-02-20 13:49",       "value": "65"     },     {       "time": "2013-02-20 13:54",       "value": "65"     },     {       "time": "2013-02-20 13:59",       "value": "66"     },     {       "time": "2013-02-20 14:04",       "value": "62"     },     {       "time": "2013-02-20 14:09",      "value": "62"    },    {      "time": "2013-02-20 14:14",      "value": "63"    },    {      "time": "2013-02-20 14:19",      "value": "63"    },    {      "time": "2013-02-20 14:24",      "value": "63"    },    {      "time": "2013-02-20 14:29",      "value": "63"    },    {      "time": "2013-02-20 14:34",      "value": "64"    },    {      "time": "2013-02-20 14:39",      "value": "66"    },    {      "time": "2013-02-20 14:44",      "value": "50"    },    {      "time": "2013-02-20 14:49",      "value": "63"    },    {      "time": "2013-02-20 14:54",      "value": "63"    },    {      "time": "2013-02-20 14:59",      "value": "64"    },    {      "time": "2013-02-20 15:04",      "value": "64"    },    {      "time": "2013-02-20 15:09",      "value": "63"    },    {      "time": "2013-02-20 15:14",      "value": "63"    }  ]}

  4. #4
    Sencha - Support Team scottmartin's Avatar
    Join Date
    Jul 2010
    Location
    Houston, Tx
    Posts
    9,197
    Vote Rating
    482
    scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future scottmartin has a brilliant future

      0  

    Default


    Thanks for the report! I have opened a bug in our bug tracker.

Thread Participants: 1

Tags for this Thread