diff --git a/src/views/charts2/charts/npm/NpmNetworkQuantity.vue b/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
index 9d9a2bd9..3a227d81 100644
--- a/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
+++ b/src/views/charts2/charts/npm/NpmNetworkQuantity.vue
@@ -25,9 +25,11 @@ export default {
     const { query } = useRoute()
     const queryCondition = ref(query.queryCondition || '')
     const dimensionType = ref(query.dimensionType || '')
+    const tabIndex = ref(query.tabIndex)
     return {
       queryCondition,
-      dimensionType
+      dimensionType,
+      tabIndex
     }
   },
   data () {
@@ -69,9 +71,9 @@ export default {
         endTime: getSecond(this.timeFilter.endTime),
         cycle: 0
       }
-      if (this.chartData.name === 'npm-ip下钻-client-多单值') {
+      if (this.tabIndex == 0) {
         this.side = 'client'
-      } else if (this.chartData.name === 'npm-ip下钻-server-多单值') {
+      } else if (this.tabIndex == 1) {
         this.side = 'server'
       }
       if (condition && (typeof condition !== 'object') && type) {
@@ -135,9 +137,9 @@ export default {
         endTime: getSecond(this.timeFilter.endTime),
         cycle: 1
       }
-      if (this.chartData.name === 'npm-ip下钻-client-多单值') {
+      if (this.tabIndex == 0) {
         this.side = 'client'
-      } else if (this.chartData.name === 'npm-ip下钻-server-多单值') {
+      } else if (this.tabIndex == 1) {
         this.side = 'server'
       }
       if (condition && (typeof condition !== 'object') && type) {
diff --git a/src/views/charts2/charts/npm/NpmTrafficLine.vue b/src/views/charts2/charts/npm/NpmTrafficLine.vue
index 9335bedd..e2c0e4c0 100644
--- a/src/views/charts2/charts/npm/NpmTrafficLine.vue
+++ b/src/views/charts2/charts/npm/NpmTrafficLine.vue
@@ -51,10 +51,12 @@ export default {
     const metricFilter = ref(query.lineMetric || 'Bits/s')
     const queryCondition = ref(query.queryCondition || '')
     const dimensionType = ref(query.dimensionType || '')
+    const tabIndex = ref(query.tabIndex)
     return {
       metricFilter,
       queryCondition,
       dimensionType,
+      tabIndex,
       myChart: shallowRef(null)
     }
   },
@@ -142,10 +144,9 @@ export default {
       } else {
         condition = this.queryCondition
       }
-      // const type = this.$store.getters.getDimensionType
-      if (this.chartData.id === 24) {
+      if (this.tabIndex == 0) {
         this.side = 'client'
-      } else if (this.chartData.id === 29) {
+      } else if (this.tabIndex == 1) {
         this.side = 'server'
       }
       const params = {