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 の両方を調べたところ、両方の位置が相対的であることがわかりました。

また、2 つに異なる 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 に答える