diff --git a/src/assets/css/components/views/charts2/entityDetailTabs.scss b/src/assets/css/components/views/charts2/entityDetailTabs.scss
index 07586937..a9868a58 100644
--- a/src/assets/css/components/views/charts2/entityDetailTabs.scss
+++ b/src/assets/css/components/views/charts2/entityDetailTabs.scss
@@ -91,11 +91,10 @@
       .behavior-pattern-legend {
         display:flex;
         flex-direction: column;
+        justify-content: center;
         height: 100%;
-        display: flex;
         padding:10px 18px 10px 18px;
-        width:500px;
-        display: flex;
+        width:400px;
         .behavior-pattern-legend__item {
           display:flex;
           flex-direction: row;
@@ -110,19 +109,19 @@
             border-radius: 1px;;
           }
           .legend-name {
-            width:200px;
+            width:180px;
             font-weight: 400;
           }
           .legend-value{
             display: flex;
             justify-content: left;
-            margin-left:30px;
-            width:100px;
+            margin-left:20px;
+            width:90px;
             font-weight: 500;
           }
           .legend-percent {
-            margin-left:30px;
-            width:80px;
+            margin-left:20px;
+            width:70px;
             justify-content: left;
             display: flex;
             font-weight: 500;
@@ -131,11 +130,10 @@
       }
       .behavior-pattern-chart{
         height: calc(100% - 50px);
-        width:calc(100% - 600px);
+        width:calc(100% - 400px);
         position: relative
       }
     }
-
   }
 
   .entity-detail-event-error {
diff --git a/src/views/charts2/charts/options/echartOption.js b/src/views/charts2/charts/options/echartOption.js
index 7a2e3bee..91fd60e0 100644
--- a/src/views/charts2/charts/options/echartOption.js
+++ b/src/views/charts2/charts/options/echartOption.js
@@ -161,7 +161,7 @@ export const pieChartOption4 = {
   color: chartColorForBehaviorPattern,
   polar: {
     radius: [30, '150%'],
-    center: ['50%', '99.9%']// 为了显示出来半圆底部左侧的边
+    center: ['400px', '99.9%']// 为了显示出来半圆底部左侧的边
   },
   radiusAxis: {
     min: 0,