CN-1422 fix: 修复Behavior pattern扇形图比例问题

src/assets/css/components/views/charts2/entityDetailTabs.scss

@@ -133,6 +133,20 @@
         width:calc(100% - 400px);
         position: relative
       }
+      .chart-bottom-dot__left {
+        position: absolute;
+        height: 0;
+        width: 195px;
+        border-bottom: 1px dashed #d3d3d3;
+        top: 319px;left: 575px;
+      }
+      .chart-bottom-dot__right {
+        position: absolute;
+        height: 0;
+        width: 195px;
+        border-bottom: 1px dashed #d3d3d3;
+        top: 319px;left: 830px;
+      }
     }
   }
 

src/views/charts2/charts/entityDetail/tabs/BehaviorPattern.vue

@@ -13,6 +13,8 @@
           </div>
       </div>
       <div id="entityIpRoseType" class="behavior-pattern-chart"></div>
+      <div class="chart-bottom-dot__right"></div>
+      <div class="chart-bottom-dot__left"></div>
     </div>
   </div>
 </template>
@@ -77,7 +79,7 @@ export default {
         this.chartOption.series[0].data.push(item.value)
       })
       const len = this.tableData.length
-      const endIndex = len - 1
+      const endIndex = len + 1
       this.tableData.forEach((item, i) => {
         if (i !== endIndex) {
           this.chartOption.angleAxis.data.push(item.name + '2')
@@ -133,22 +135,7 @@ export default {
       }
       this.toggleLoading(true)
       await axios.get(`${api.entity.behaviorPattern}`, { params: params }).then(response => {
-        // const res = response.data
-        const res = {
-          "code": 200,
-          "msg": "ok",
-          "data": {
-            "resultType": "table",
-            "result": [
-              {
-                "asymmetric": "4",
-                "bulky": "4",
-                "cbr_streaming": "4",
-                "download": "4",
-              }
-            ]
-          }
-        }
+        const res = response.data
 
         if (response.status === 200) {
           this.isNoData = res.data.result.length === 0

src/views/charts2/charts/options/echartOption.js

@@ -160,8 +160,8 @@ export const pieChartOption3 = {
 export const pieChartOption4 = {
   color: chartColorForBehaviorPattern,
   polar: {
-    radius: [30, '150%'],
-    center: ['400px', '99.9%']// 为了显示出来半圆底部左侧的边
+    radius: [30, 225],
+    center: ['400px', '100%']// 为了显示出来半圆底部左侧的边
   },
   radiusAxis: {
     min: 0,