diff --git a/core/frontend/src/views/chart/components/dragItem/ChartDragItem.vue b/core/frontend/src/views/chart/components/dragItem/ChartDragItem.vue
index 5d1c960a7f..340012a466 100644
--- a/core/frontend/src/views/chart/components/dragItem/ChartDragItem.vue
+++ b/core/frontend/src/views/chart/components/dragItem/ChartDragItem.vue
@@ -134,7 +134,15 @@
               </span>
               <el-dropdown-menu slot="dropdown">
                 <el-dropdown-item :command="beforeDateStyle('y')">{{ $t('chart.y') }}</el-dropdown-item>
+                <el-dropdown-item
+                  v-if="showDateExt"
+                  :command="beforeDateStyle('y_Q')"
+                >{{ $t('chart.y_Q') }}</el-dropdown-item>
                 <el-dropdown-item :command="beforeDateStyle('y_M')">{{ $t('chart.y_M') }}</el-dropdown-item>
+                <el-dropdown-item
+                  v-if="showDateExt"
+                  :command="beforeDateStyle('y_W')"
+                >{{ $t('chart.y_W') }}</el-dropdown-item>
                 <el-dropdown-item :command="beforeDateStyle('y_M_d')">{{ $t('chart.y_M_d') }}</el-dropdown-item>
                 <el-dropdown-item :command="beforeDateStyle('H_m_s')">{{ $t('chart.H_m_s') }}</el-dropdown-item>
                 <el-dropdown-item :command="beforeDateStyle('y_M_d_H_m')">{{ $t('chart.y_M_d_H_m') }}</el-dropdown-item>
@@ -223,6 +231,10 @@ export default {
       type: Object,
       required: true
     },
+    chart: {
+      type: Object,
+      required: true
+    },
     index: {
       type: Number,
       required: true
@@ -245,6 +257,14 @@ export default {
       tagType: 'success'
     }
   },
+  computed: {
+    showDateExt() {
+      return this.chart.datasourceType === 'mysql' ||
+        this.chart.datasourceType === 'ds_doris' ||
+        this.chart.datasourceType === 'StarRocks' ||
+        this.chart.datasetMode === 1
+    }
+  },
   watch: {
     dimensionData: function() {
       this.getItemTagType()
diff --git a/core/frontend/src/views/chart/components/dragItem/DimensionExtItem.vue b/core/frontend/src/views/chart/components/dragItem/DimensionExtItem.vue
index 725fc20731..fca25c18d9 100644
--- a/core/frontend/src/views/chart/components/dragItem/DimensionExtItem.vue
+++ b/core/frontend/src/views/chart/components/dragItem/DimensionExtItem.vue
@@ -298,7 +298,7 @@ export default {
     },
     getDateExtStatus() {
       if (this.chart) {
-        this.showDateExt = this.showDateExt = this.chart.datasourceType === 'mysql' ||
+        this.showDateExt = this.chart.datasourceType === 'mysql' ||
           this.chart.datasourceType === 'ds_doris' ||
           this.chart.datasourceType === 'StarRocks' ||
           this.chart.datasetMode === 1
diff --git a/core/frontend/src/views/chart/view/ChartEdit.vue b/core/frontend/src/views/chart/view/ChartEdit.vue
index 82290a5b1c..de2445b799 100644
--- a/core/frontend/src/views/chart/view/ChartEdit.vue
+++ b/core/frontend/src/views/chart/view/ChartEdit.vue
@@ -863,6 +863,7 @@
                             :param="param"
                             :index="index"
                             :item="item"
+                            :chart="chart"
                             :dimension-data="dimension"
                             :quota-data="quota"
                             @onItemChange="stackItemChange"