diff --git a/webapp/packages/supersonic-fe/src/components/MDatePicker/index.tsx b/webapp/packages/supersonic-fe/src/components/MDatePicker/index.tsx
index 3c6fda566..b7288d4f4 100644
--- a/webapp/packages/supersonic-fe/src/components/MDatePicker/index.tsx
+++ b/webapp/packages/supersonic-fe/src/components/MDatePicker/index.tsx
@@ -254,7 +254,7 @@ const MDatePicker: React.FC<Props> = ({
 
   useEffect(() => {
     initDefaultDynamicData({ latestDateMap });
-  }, []);
+  }, [initialValues]);
 
   useEffect(() => {
     const { dateRange } = dateRangesParams;
diff --git a/webapp/packages/supersonic-fe/src/components/MDatePicker/type.ts b/webapp/packages/supersonic-fe/src/components/MDatePicker/type.ts
index 4ddb867b9..15a1c5e00 100644
--- a/webapp/packages/supersonic-fe/src/components/MDatePicker/type.ts
+++ b/webapp/packages/supersonic-fe/src/components/MDatePicker/type.ts
@@ -8,7 +8,7 @@ export enum DynamicAdvancedConfigType {
 }
 
 export enum DatePeriodType {
-  DAY = 'DAYS',
+  DAY = 'DAY',
   WEEK = 'WEEK',
   MONTH = 'MONTH',
   YEAR = 'YEAR',
@@ -44,6 +44,12 @@ export enum DateRangeType {
   MONTH = 'MONTH',
 }
 
+export const shortCutIdType = {
+  [DateRangeType.DAY]: 'Days',
+  [DateRangeType.WEEK]: 'Weeks',
+  [DateRangeType.MONTH]: 'Months',
+};
+
 export enum DateRangePicker {
   DATE = 'date',
   WEEK = 'week',
diff --git a/webapp/packages/supersonic-fe/src/components/MDatePicker/utils.ts b/webapp/packages/supersonic-fe/src/components/MDatePicker/utils.ts
index d98d408d1..279ee283b 100644
--- a/webapp/packages/supersonic-fe/src/components/MDatePicker/utils.ts
+++ b/webapp/packages/supersonic-fe/src/components/MDatePicker/utils.ts
@@ -7,6 +7,7 @@ import {
   DateSettingType,
   DynamicAdvancedConfigType,
   DateRangeParams,
+  shortCutIdType,
 } from './type';
 import { LatestDateMap } from './type';
 
@@ -56,6 +57,21 @@ export const DATE_RANGE_TYPE_ITEM_LIST = [
 
 export const LATEST_TEXT = '最近1天';
 
+export const getDatePickerDynamicInitialValues = (number: number, dateRangeType: DateRangeType) => {
+  return {
+    dateSettingType: 'DYNAMIC',
+    dynamicParams: {
+      includesCurrentPeriod: true,
+      dateRangeType: dateRangeType,
+      dynamicAdvancedConfigType: 'last',
+      dateSettingType: DateSettingType.DYNAMIC,
+      shortCutId: `last${number}${shortCutIdType[dateRangeType]}`,
+      number,
+      periodType: dateRangeType,
+    },
+  };
+};
+
 export const SHORT_CUT_ITEM_LIST = [
   {
     id: 'last7Days',
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 a184c63fe..92c315bcc 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
@@ -16,7 +16,13 @@ import DimensionAndMetricRelationModal from '../../components/DimensionAndMetric
 import TrendChart from '@/pages/SemanticModel/Metric/components/MetricTrend';
 import MetricTrendDimensionFilterContainer from './MetricTrendDimensionFilterContainer';
 import MDatePicker from '@/components/MDatePicker';
-import { DateRangeType, DateSettingType } from '@/components/MDatePicker/type';
+import {
+  DateRangeType,
+  DateSettingType,
+  DynamicAdvancedConfigType,
+  DatePeriodType,
+} from '@/components/MDatePicker/type';
+import { getDatePickerDynamicInitialValues } from '@/components/MDatePicker/utils';
 import StandardFormRow from '@/components/StandardFormRow';
 import MetricTable from './Table';
 import { ColumnConfig } from '../data';
@@ -205,20 +211,7 @@ const MetricTrendSection: React.FC<Props> = ({ metircData }) => {
               <StandardFormRow key="metricDate" title="日期区间:">
                 <FormItem name="metricDate">
                   <MDatePicker
-                    initialValues={{
-                      dateSettingType: 'DYNAMIC',
-                      dynamicParams: {
-                        number: 7,
-                        periodType: 'DAYS',
-                        includesCurrentPeriod: true,
-                        shortCutId: 'last7Days',
-                        dateRangeType: 'DAY',
-                        dynamicAdvancedConfigType: 'last',
-                        dateRangeStringDesc: '最近7天',
-                        dateSettingType: DateSettingType.DYNAMIC,
-                      },
-                      staticParams: {},
-                    }}
+                    initialValues={getDatePickerDynamicInitialValues(7, DateRangeType.DAY)}
                     showCurrentDataRangeString={false}
                     onDateRangeChange={(value, config) => {
                       const [startDate, endDate] = value;
diff --git a/webapp/packages/supersonic-fe/src/pages/SemanticModel/SemanticGraph/index.tsx b/webapp/packages/supersonic-fe/src/pages/SemanticModel/SemanticGraph/index.tsx
index 92921990b..0eff26eec 100644
--- a/webapp/packages/supersonic-fe/src/pages/SemanticModel/SemanticGraph/index.tsx
+++ b/webapp/packages/supersonic-fe/src/pages/SemanticModel/SemanticGraph/index.tsx
@@ -419,7 +419,8 @@ const DomainManger: React.FC<Props> = ({ domainManger, dispatch }) => {
     },
     mindmap: {
       defaultEdge: {
-        type: 'polyline',
+        // type: 'polyline',
+        type: 'cubic-horizontal',
       },
       layout: {
         type: 'mindmap',
@@ -489,7 +490,7 @@ const DomainManger: React.FC<Props> = ({ domainManger, dispatch }) => {
       const graphNodeList = flatGraphDataNode(graphData.children);
       const graphConfigKey = graphNodeList.length > 20 ? 'dendrogram' : 'mindmap';
       // const graphConfigKey = 'mindmap';
-
+      // const graphConfigKey = 'dendrogram';
       // getLegendDataFilterFunctions();
       // const toolbar = initToolBar({ onSearch: handleSeachNode, onClick: handleToolBarClick });
       const tooltip = initTooltips();