如题,我用EXT3.4做了个多条折线图的显示程序。但是显示的时候,同一种颜色的折线,如果对应横坐标的值不连续,就显示有间断了。怎么让它连续起来啊?有没有高手帮忙解决下啊。

解决方案 »

  1.   

    前台显示:
    var record = Ext.data.Record.create( [ {
        name : 'dtestTime'
    }, {
        name : 'cprojectResult'
    }, {
        name : 'creference'
    },{
        name : 'cprojectName'
    },{
        name : 'cunit'
    },{
        name : 'lprojectId'
    },{
        name : 'line1chart'
    },{
        name : 'line2chart'
    },{
        name : 'line3chart'
    },{
        name : 'line4chart'
    }]);
    var reader = new Ext.data.JsonReader( {

    root : 'result'
    }, record)
    var proxy = new Ext.data.HttpProxy( {
    url : __ctxPath + "/workroom/lineChartProject.do?lnumberid=2",
        method : 'POST'
    })
    var store = new Ext.data.Store( {
        proxy : proxy,
        reader : reader,
        listeners : {
            load : function(e, records) {
             var recordcount = store.getCount(); 
            }
        }
    })
    store.load();

    this.Panel=new Ext.Panel({
            title: 'ExtJS.com Visits Trend, 2007/2008 (No styling)',
            //renderTo: 'container',
            width:500,
            height:300,
            layout:'fit',
            region : "center",
            
            items: {
                xtype: 'linechart',
                store: store,
                xField: 'dtestTime',
                sort:true,
                //yField: 'cprojectResult',
                series: [{//列
                        type: "line", 
                        displayName: "收缩压",
                        yField: "line1chart",
                        style: {
                            color:'00FF00'
                        }
                       },
                       {
                        type: "line", 
                        displayName: "舒张压",
                        yField: "line2chart",
                        style: {
                            color:'FFFF00'
                        }
                       },
                       {
                           type: "line", 
                           displayName: "平均压",
                           yField: "line3chart",
                           style: {
                               color:'CC0000'
                           }
                       },
                       {
                          type: "line", 
                          displayName: "脉率",
                          yField: "line4chart",
                          style: {
                              color:'FF00FF'
                          }
                       }
                                                   
                    ],
                    extraStyle:    
                    {    
                        legend:    
                        {    
                            display: 'bottom',    
                            padding: 5,    
                            font:    
                            {    
                                family: 'Tahoma',    
                                size: 13    
                            }    
                        }    
                    },
    listeners: {
    itemclick: function(o){
    var rec = store.getAt(o.index);
    Ext.example.msg('Item Selected', 'You chose {0}.', rec.get('name'));
    }
    }
            }
        });