Extjs4：使用cloneConfig（）克隆图表-Extjs4:usecloneConfig()tocloneachart

I have a grid with a chart :

我有一个带图表的网格:

When I click on this chart,a new panel corresponding to the details of this chart is created just below. howeever, its length is limited to 500px as it is a toolTip.

当我点击此图表时,会在下面创建一个与此图表详细信息对应的新面板。但是,它的长度限制为500px,因为它是一个工具提示。

My goal is to create a panel to show the detail of this graph covering the entire length of the grid

我的目标是创建一个面板,以显示该图形的细节,覆盖整个网格长度

I used cloneConfig() to create this panel.I tried to set its length to 900px but its not working.

我使用cloneConfig()来创建这个面板。我试图将它的长度设置为900px,但它不起作用。

initialiseAll :

var gTimeLinePanelDetail = Ext.getCmp('GlobalTimeLinePanelDetail');

var gTimeLinePanelDetail = Ext.getCmp('GlobalTimeLinePanelDetail');

if(gTimeLinePanelDetail == undefined)
{
    me.detailPanel = new Ext.tip.Tip({
        id : 'GlobalTimeLinePanelDetail' ,
        width : gridWidth,                      
    });
}

listeners :

listeners: {                
                click: function(hdle) {
                    me.showFullDetail(hdle, me);
                },

and my function :

和我的功能:

showFullDetail : function(hdle, me){

        var gTimeLinePanelDetail = Ext.getCmp('GlobalTimeLinePanelDetail');

        if(gTimeLinePanelDetail !=  undefined)
        {   
            var insideChartDetail = me.objChart.cloneConfig();

            // set dimensions
            insideChartDetail.setHeight(30);
            insideChartDetail.setWidth(gridWidth);

            gTimeLinePanelDetail.removeAll();
            gTimeLinePanelDetail.add(insideChartDetail);

            gTimeLinePanelDetail.showAt([xGrid,yMe + me.getHeight()]);
        }       
    },

My question is how to change the length of this panel to cover the entire length of the grid knowing that the size of a tooltip is limited to 500px

我的问题是如何更改此面板的长度以覆盖网格的整个长度,因为知道工具提示的大小限制为500px

1 个解决方案

me.detailPanel = new Ext.tip.Tip({
        id : 'GlobalTimeLinePanelDetail' ,
        width : gridWidth,
        maxWidth : gridWidth                      
    });