diff --git a/webapp/packages/supersonic-fe/src/pages/SemanticModel/Metric/components/MetricTrendSection.tsx b/webapp/packages/supersonic-fe/src/pages/SemanticModel/Metric/components/MetricTrendSection.tsx
index 025db547a..3fb507977 100644
--- a/webapp/packages/supersonic-fe/src/pages/SemanticModel/Metric/components/MetricTrendSection.tsx
+++ b/webapp/packages/supersonic-fe/src/pages/SemanticModel/Metric/components/MetricTrendSection.tsx
@@ -10,6 +10,7 @@ import {
   LineChartOutlined,
   TableOutlined,
   DownloadOutlined,
+  PoweroffOutlined,
 } from '@ant-design/icons';
 import DimensionAndMetricRelationModal from '../../components/DimensionAndMetricRelationModal';
 import TrendChart from '@/pages/SemanticModel/Metric/components/MetricTrend';
@@ -66,6 +67,8 @@ const MetricTrendSection: React.FC<Props> = ({ metircData }) => {
   const [chartType, setChartType] = useState<'chart' | 'table'>('chart');
   const [tableColumnConfig, setTableColumnConfig] = useState<ColumnConfig[]>([]);
 
+  const [transformState, setTransformState] = useState<boolean>(false);
+
   const [groupByDimensionFieldName, setGroupByDimensionFieldName] = useState<string>();
 
   const getMetricTrendData = async (params: any = { download: false }) => {
@@ -107,6 +110,7 @@ const MetricTrendSection: React.FC<Props> = ({ metircData }) => {
       startDate: periodDate.startDate,
       endDate: periodDate.endDate,
       download,
+      isTransform: transformState,
     });
     if (download) {
       setDownloadLoding(false);
@@ -301,20 +305,33 @@ const MetricTrendSection: React.FC<Props> = ({ metircData }) => {
                   </Space>
                 </Button>
               )}
-              <Button
-                type="primary"
-                key="download"
-                loading={downloadLoding}
-                disabled={downloadBtnDisabledState}
-                onClick={() => {
-                  getMetricTrendData({ download: true, ...queryParams });
-                }}
-              >
-                <Space>
-                  <DownloadOutlined />
-                  下载
-                </Space>
-              </Button>
+
+              <Space.Compact block>
+                <Button
+                  type="primary"
+                  key="download"
+                  loading={downloadLoding}
+                  disabled={downloadBtnDisabledState}
+                  onClick={() => {
+                    getMetricTrendData({ download: true, ...queryParams });
+                  }}
+                >
+                  <Space>
+                    <DownloadOutlined />
+                    下载
+                  </Space>
+                </Button>
+
+                <Tooltip title="开启转置">
+                  <Button
+                    type={transformState ? 'primary' : 'default'}
+                    icon={<PoweroffOutlined />}
+                    onClick={() => {
+                      setTransformState(!transformState);
+                    }}
+                  />
+                </Tooltip>
+              </Space.Compact>
             </Space>
           </Col>
         </Row>
diff --git a/webapp/packages/supersonic-fe/src/pages/SemanticModel/service.ts b/webapp/packages/supersonic-fe/src/pages/SemanticModel/service.ts
index 3e198e505..b3884f26a 100644
--- a/webapp/packages/supersonic-fe/src/pages/SemanticModel/service.ts
+++ b/webapp/packages/supersonic-fe/src/pages/SemanticModel/service.ts
@@ -455,6 +455,7 @@ export async function queryStruct({
   download = false,
   groups = [],
   dimensionFilters = [],
+  isTransform,
 }: {
   modelIds: number[];
   bizName: string;
@@ -464,6 +465,7 @@ export async function queryStruct({
   download?: boolean;
   groups?: string[];
   dimensionFilters?: string[];
+  isTransform: boolean;
 }): Promise<any> {
   const response = await request(
     `${process.env.API_BASE_URL}query/${download ? 'download/' : ''}struct`,
@@ -474,6 +476,7 @@ export async function queryStruct({
         modelIds,
         groups: [dateField, ...groups],
         dimensionFilters,
+        isTransform,
         aggregators: [
           {
             column: bizName,