diff --git a/src/views/charts2/charts/linkMonitor/LinkDirectionGrid.vue b/src/views/charts2/charts/linkMonitor/LinkDirectionGrid.vue
index 5f676347..895ff28b 100644
--- a/src/views/charts2/charts/linkMonitor/LinkDirectionGrid.vue
+++ b/src/views/charts2/charts/linkMonitor/LinkDirectionGrid.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="link-direction-grid">
-    <div class="link-statistical-dimension">
+    <div class="link-statistical-dimension" style="width: 900px;">
       <div class="dimension-title">{{$t('linkMonitor.egressLink')}}&nbsp;&&nbsp;{{$t('linkMonitor.ingressLink')}}</div>
       <div class="data-grid">
         <div class="egress-row">
@@ -15,6 +15,27 @@
         </div>
       </div>
     </div>
+    <div class="link-statistical-dimension">
+      <div class="dimension-title">{{$t('linkMonitor.egressLink')}}&nbsp;&&nbsp;{{$t('linkMonitor.ingressLink')}}</div>
+      <div class="data-grid">
+        <div class="egress-row">
+          <template v-for="(item, index) in gridData">
+            <div class="egress-id" v-if="index <= 2" :key="index">{{item.linkId}}</div>
+          </template>
+        </div>
+        <template v-for="(row, index) in gridData">
+          <div class="data-row" v-if="index <= 2" :key="index">
+            <div class="ingress-id">{{row.linkId}}</div>
+            <template v-for="(row, index2) in row.egress">
+              <div class="data-item" v-if="index2 <= 2" :key="index2">
+                <div class="data-item__point"></div>
+                <div class="data-item__point"></div>
+              </div>
+            </template>
+          </div>
+        </template>
+      </div>
+    </div>
   </div>
 </template>