From 5b7dd6da909fcd31e06a31f9513ae6b8bfb10b44 Mon Sep 17 00:00:00 2001 From: hyx Date: Mon, 23 Oct 2023 17:56:36 +0800 Subject: [PATCH] =?UTF-8?q?CN-1384=201.behavior=20pattern:=E5=B7=A6?= =?UTF-8?q?=E8=BE=B9=E7=9A=84=E5=88=97=E8=A1=A8=E5=9E=82=E7=9B=B4=E5=B1=85?= =?UTF-8?q?=E4=B8=AD=EF=BC=8C=E5=8F=B3=E8=BE=B9=E7=9A=84=E5=9B=BE=E5=83=8F?= =?UTF-8?q?=E5=90=91=E5=B7=A6=E8=BE=B9=E7=A7=BB=E5=8A=A8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../views/charts2/entityDetailTabs.scss | 18 ++++++++---------- .../charts2/charts/options/echartOption.js | 2 +- 2 files changed, 9 insertions(+), 11 deletions(-) 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,