Javascript Extjs 4:使用cloneConfig（）克隆图表

我有一个带有图表的网格：

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

我的目标是创建一个面板来显示覆盖整个网格长度的此图的细节

我使用cloneConfig（）创建了这个面板。我试图将其长度设置为900px，但它不起作用

初始值全部：

var gTimeLinePanelDetail=Ext.getCmp（'GlobalTimeLinePanelDetail'）

听众：

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

我的职能是：

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()]);
        }       
    },

我的问题是，如果知道工具提示的大小限制为500px，如何更改此面板的长度以覆盖网格的整个长度。尝试将工具提示的maxWidth配置更改为更大的值。 例如，您可以在代码中尝试以下操作：

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

---

我试图在不改变css的情况下修复它。

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