1

我正在编写一个 Rally 应用程序，它在单独的 Rally 容器中同时具有图表和网格。容器采用“vbox”（垂直框）布局。它们的设置如下：

{
    xtype: 'container',
    itemId: 'rightView',
    flex: 1,
    layout: 'vbox',
    items: [
        {
            xtype: 'container',
            itemId: 'topRightView',
            flex: 1
        },
        {
            xtype: 'container',
            itemId: 'bottomRightView',
            flex: 1
        }
    ]
}

图表在 topRightView 中，网格在 bottomRightView 中

首次渲染时，网格与图表完全重叠。但是，当我完全调整窗口大小时，它们会转到它们应该在的位置（图表位于网格上方）。

网格和图表的 css 是：

.builds-grid {
    width:600px;
}

.builds-chart {
    margin-top: 30px;
    border: dotted;
    width: 700px;
}

在检查了图表和网格 html 之后，我发现两者的位置都是相对的，所以不应该把它搞砸。

我还尝试在两者上放置不同的 z-index 以确保它们不会重叠，但这并没有奏效。

网格在图表之前呈现，因此这可能是问题的一部分。我真的不知道该怎么办。任何帮助将不胜感激！谢谢！

4

1 回答 1

2

在您的顶部代码段中，添加以下行：

height: 400px,

放入将保存图表的容器中。它最终应该看起来像这样：

{
    xtype: 'container',
    itemId: 'rightView',
    flex: 1,
    layout: 'vbox',
    items: [
        {
            xtype: 'container',
            itemId: 'topRightView',
            height: 400px,
            flex: 1
        },
        {
            xtype: 'container',
            itemId: 'bottomRightView',
            flex: 1
        }
    ]
}
于 2013-06-13T19:05:23.660 回答