From d2c7630d71ca188c4f237f628c268e0e06b14967 Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Thu, 25 Nov 2021 11:55:44 +0800
Subject: [PATCH] =?UTF-8?q?zx-=E4=BF=AE=E6=94=B9=E4=BA=86v-label-ctx?=
 =?UTF-8?q?=E7=9A=84=E5=AD=97=E4=BD=93=E5=A4=A7=E5=B0=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/v-label-ctx/index.vue             | 16 +++++++++-------
 .../brandTonalDistribution/index.vue             |  2 +-
 src/views/BrandInsight/spreadTOPmodels/opt.js    |  4 ++--
 src/views/EventComparison/wupEc/index.vue        |  8 ++++----
 src/views/EventComparison/wupEc/opt1.js          |  2 +-
 src/views/EventComparison/wupEc/opt2.js          |  2 +-
 src/views/Index/barometer/opt.js                 |  2 +-
 .../FollowPostUserAnalysis/opt.js                |  4 ++--
 .../MainPostUserAnalysis/opt.js                  |  4 ++--
 src/views/ModelForumDetails/mfdCharacters/opt.js |  4 ++--
 .../ModelForumDetails/mfdContentType/opt.js      |  4 ++--
 .../ModelInsight/mlForumHotTopicDirection/opt.js |  3 ++-
 src/views/ModelInsight/mlSpreadTOPmodels/opt.js  |  3 ++-
 src/views/ModelInsight/mlWeiboKol/opt.js         |  2 +-
 src/views/ModelInsight/mlWeiboPortraits/opt.js   |  3 ++-
 .../MWDweiboCharacters/index.vue                 |  2 +-
 .../ModelWeiboDetails/MWDweiboCharacters/opt.js  |  4 ++--
 .../ModelWeiboDetails/MWDweiboContentType/opt.js |  4 ++--
 src/views/WeiboDetails/weiboCharacters/index.vue |  2 +-
 src/views/WeiboDetails/weiboCharacters/opt.js    |  4 ++--
 src/views/WeiboDetails/weiboContentType/opt.js   |  4 ++--
 21 files changed, 44 insertions(+), 39 deletions(-)

diff --git a/src/components/v-label-ctx/index.vue b/src/components/v-label-ctx/index.vue
index 81d74d8..2e436b0 100644
--- a/src/components/v-label-ctx/index.vue
+++ b/src/components/v-label-ctx/index.vue
@@ -67,42 +67,44 @@ export default {
   border-bottom: 1px solid #0F2A4D;
   .d1 {
     display: block;
+    width: 34%;
     .s1 {
       display: block;
-      width: 100%;
-      height: 4px;
+      width: 66%;
+      height: 8px;
       background: red;
     }
     .s2 {
       display: block;
-      font-size: 14px;
+      font-size: 18px;
       color: #fff;
       margin-top: 10px;
     }
   }
   .d2 {
+    width: 20%;
     .s1 {
       display: block;
-      font-size: 12px;
+      font-size: 16px;
       color: #7a8289;
     }
     .s2 {
       display: block;
       font-family: Bebas;
-      font-size: 14px;
+      font-size: 18px;
       color: #fff;
     }
   }
   .d3 {
     .s1 {
       display: block;
-      font-size: 12px;
+      font-size: 16px;
       color: #7a8289;
     }
     .s2 {
       display: block;
       font-family: Bebas;
-      font-size: 14px;
+      font-size: 18px;
       color: #fff;
     }
   }
diff --git a/src/views/BrandComparison/brandTonalDistribution/index.vue b/src/views/BrandComparison/brandTonalDistribution/index.vue
index da2bed2..12d76ba 100644
--- a/src/views/BrandComparison/brandTonalDistribution/index.vue
+++ b/src/views/BrandComparison/brandTonalDistribution/index.vue
@@ -22,7 +22,7 @@
         ><span class="s2">负面</span>
       </div>
     </div>
-    <div class="bd-inner">
+    <div class="bd-inner" style="margin-left: 18px">
       <roundata
         v-for="(item,index) in list"
         :key="index"
diff --git a/src/views/BrandInsight/spreadTOPmodels/opt.js b/src/views/BrandInsight/spreadTOPmodels/opt.js
index 97309ce..4bcd3d3 100644
--- a/src/views/BrandInsight/spreadTOPmodels/opt.js
+++ b/src/views/BrandInsight/spreadTOPmodels/opt.js
@@ -11,9 +11,9 @@ import { bigNumberTransform } from "@/utils/gol/dataTool"
 export default function createOpt(dx,ds) {
     return {
         grid: {
-            top: "16px",
+            top: "10%",
             left: "16px",
-            right: "28px",
+            right: "5%",
             bottom: "16px",
             containLabel: true,
         },
diff --git a/src/views/EventComparison/wupEc/index.vue b/src/views/EventComparison/wupEc/index.vue
index 2ca8e1f..efe50a2 100644
--- a/src/views/EventComparison/wupEc/index.vue
+++ b/src/views/EventComparison/wupEc/index.vue
@@ -19,10 +19,10 @@
         <span style="color: #3373cc">{{eventList[0]}}</span>
         </v-label-div>
         <div class="d1x">
-          <div class="dd1">
+          <div class="dd1" style="width:53%">
             <v-echarts :opt="opt1"></v-echarts>
           </div>
-          <div class="dd2">
+          <div class="dd2" style="width:47%">
             <v-label-ctx
               v-for="(item, index) in showData1"
               :key="index"
@@ -45,10 +45,10 @@
         <span style="color: #54bf93">{{eventList[1]}}</span>
         </v-label-div>
         <div class="d1x">
-          <div class="dd1">
+          <div class="dd1" style="width:53%">
             <v-echarts :opt="opt2"> </v-echarts>
           </div>
-          <div class="dd2" style="margin-right: 16px">
+          <div class="dd2" style="width:47%;margin-right: 16px">
             <v-label-ctx
               v-for="(item, index) in showData2"
               :key="index"
diff --git a/src/views/EventComparison/wupEc/opt1.js b/src/views/EventComparison/wupEc/opt1.js
index 8fee85e..4ae352c 100644
--- a/src/views/EventComparison/wupEc/opt1.js
+++ b/src/views/EventComparison/wupEc/opt1.js
@@ -43,7 +43,7 @@ export default function createOpt1(ds = [], color = []) {
               label: {
                 show: false,
                 position: 'center',
-                lineHeight: 28,
+                lineHeight: 32,
                 color: "#ffff",
             },
               emphasis: {
diff --git a/src/views/EventComparison/wupEc/opt2.js b/src/views/EventComparison/wupEc/opt2.js
index 0830599..04133eb 100644
--- a/src/views/EventComparison/wupEc/opt2.js
+++ b/src/views/EventComparison/wupEc/opt2.js
@@ -43,7 +43,7 @@ export default function createOpt2(ds = [], color = []) {
               label: {
                 show: false,
                 position: 'center',
-                lineHeight: 28,
+                lineHeight: 32,
                 color: "#ffff",
             },
               emphasis: {
diff --git a/src/views/Index/barometer/opt.js b/src/views/Index/barometer/opt.js
index fc5625f..a8f8e03 100644
--- a/src/views/Index/barometer/opt.js
+++ b/src/views/Index/barometer/opt.js
@@ -9,7 +9,7 @@
  */
 import * as echarts from "echarts";
 import {bigNumberTransform} from "@/utils/gol/dataTool"
-let colors = ['#3172ca', '#459c97', '#ab8921']
+let colors = ['#3373CC', '#54BF93', '#CC9D12']
 function createData(ds = []) {
     let arr = [];
     for (let i = 0; i < ds.length; i++) {
diff --git a/src/views/ModelForumDetails/FollowPostUserAnalysis/opt.js b/src/views/ModelForumDetails/FollowPostUserAnalysis/opt.js
index f01a8de..c68f511 100644
--- a/src/views/ModelForumDetails/FollowPostUserAnalysis/opt.js
+++ b/src/views/ModelForumDetails/FollowPostUserAnalysis/opt.js
@@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
         label: {
           show: false,
           position: 'center',
-          lineHeight: 30
+          lineHeight: 48
         },
         emphasis: {
           label: {
             show: true,
-            fontSize: '16',
+            fontSize: '24',
             color: "#ffff",
             fontWeight: 'bold',
             formatter: function (p) {
diff --git a/src/views/ModelForumDetails/MainPostUserAnalysis/opt.js b/src/views/ModelForumDetails/MainPostUserAnalysis/opt.js
index f01a8de..c68f511 100644
--- a/src/views/ModelForumDetails/MainPostUserAnalysis/opt.js
+++ b/src/views/ModelForumDetails/MainPostUserAnalysis/opt.js
@@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
         label: {
           show: false,
           position: 'center',
-          lineHeight: 30
+          lineHeight: 48
         },
         emphasis: {
           label: {
             show: true,
-            fontSize: '16',
+            fontSize: '24',
             color: "#ffff",
             fontWeight: 'bold',
             formatter: function (p) {
diff --git a/src/views/ModelForumDetails/mfdCharacters/opt.js b/src/views/ModelForumDetails/mfdCharacters/opt.js
index f01a8de..782b448 100644
--- a/src/views/ModelForumDetails/mfdCharacters/opt.js
+++ b/src/views/ModelForumDetails/mfdCharacters/opt.js
@@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
         label: {
           show: false,
           position: 'center',
-          lineHeight: 30
+          lineHeight: 36
         },
         emphasis: {
           label: {
             show: true,
-            fontSize: '16',
+            fontSize: '20',
             color: "#ffff",
             fontWeight: 'bold',
             formatter: function (p) {
diff --git a/src/views/ModelForumDetails/mfdContentType/opt.js b/src/views/ModelForumDetails/mfdContentType/opt.js
index f01a8de..782b448 100644
--- a/src/views/ModelForumDetails/mfdContentType/opt.js
+++ b/src/views/ModelForumDetails/mfdContentType/opt.js
@@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
         label: {
           show: false,
           position: 'center',
-          lineHeight: 30
+          lineHeight: 36
         },
         emphasis: {
           label: {
             show: true,
-            fontSize: '16',
+            fontSize: '20',
             color: "#ffff",
             fontWeight: 'bold',
             formatter: function (p) {
diff --git a/src/views/ModelInsight/mlForumHotTopicDirection/opt.js b/src/views/ModelInsight/mlForumHotTopicDirection/opt.js
index 9b0eb70..274e54c 100644
--- a/src/views/ModelInsight/mlForumHotTopicDirection/opt.js
+++ b/src/views/ModelInsight/mlForumHotTopicDirection/opt.js
@@ -51,13 +51,14 @@ export default function createOpt(ds = []) {
           show: false,
           position: 'center',
           color: "#ffff",
-          lineHeight: 30
+          lineHeight: 36
         },
         emphasis: {
           label: {
             show: true,
             fontSize: '20',
             color: "#ffff",
+            fontWeight: "bold",
             formatter: function (p) {
               return `${p.data.name}\n${p.percent}%\n${p.data.value}`
             }
diff --git a/src/views/ModelInsight/mlSpreadTOPmodels/opt.js b/src/views/ModelInsight/mlSpreadTOPmodels/opt.js
index 9635c55..0b10295 100644
--- a/src/views/ModelInsight/mlSpreadTOPmodels/opt.js
+++ b/src/views/ModelInsight/mlSpreadTOPmodels/opt.js
@@ -41,13 +41,14 @@ export default function createOpt(ds=[], colors=[]) {
                 show: false,
                 position: 'center',
                 color: "#ffff",
-                lineHeight: 30
+                lineHeight: 36
             },
               emphasis: {
                 label: {
                   show: true,
                   fontSize: '20',
                   color: "#ffff",
+                  fontWeight: "bold",
                   formatter: function (p) {
                     return `${p.data.name}\n${p.percent}%\n${p.data.value}`
                   }
diff --git a/src/views/ModelInsight/mlWeiboKol/opt.js b/src/views/ModelInsight/mlWeiboKol/opt.js
index ff4905f..2b9ea38 100644
--- a/src/views/ModelInsight/mlWeiboKol/opt.js
+++ b/src/views/ModelInsight/mlWeiboKol/opt.js
@@ -40,7 +40,7 @@ export default function createOpt(ds = [], colors= []) {
               label: {
                 show: false,
                 position: 'center',
-                lineHeight: 30
+                lineHeight: 36
               },
               emphasis: {
                 label: {
diff --git a/src/views/ModelInsight/mlWeiboPortraits/opt.js b/src/views/ModelInsight/mlWeiboPortraits/opt.js
index 9945239..bc24ef5 100644
--- a/src/views/ModelInsight/mlWeiboPortraits/opt.js
+++ b/src/views/ModelInsight/mlWeiboPortraits/opt.js
@@ -41,13 +41,14 @@ export default function createOpt(ds=[], colors=[]) {
                 show: false,
                 position: 'center',
                 color: "#ffff",
-                lineHeight: 30
+                lineHeight: 36
             },
               emphasis: {
                 label: {
                   show: true,
                   fontSize: '20',
                   color: "#ffff",
+                  fontWeight: 'bold',
                   formatter: function (p) {
                     return `${p.data.name}\n${p.percent}%\n${p.data.value}`
                   }
diff --git a/src/views/ModelWeiboDetails/MWDweiboCharacters/index.vue b/src/views/ModelWeiboDetails/MWDweiboCharacters/index.vue
index a51b873..5f261d8 100644
--- a/src/views/ModelWeiboDetails/MWDweiboCharacters/index.vue
+++ b/src/views/ModelWeiboDetails/MWDweiboCharacters/index.vue
@@ -40,7 +40,7 @@
             :cont="item.value"
             :percentage="((item.value / total) * 100).toFixed(2) + '%'"
             :color="colors[index]"
-            :eStyle="{ height: '4.27rem' }"
+            :eStyle="{ height: '5.14rem' }"
           ></v-label-ctx>
         </vue-scroll>
       </div>
diff --git a/src/views/ModelWeiboDetails/MWDweiboCharacters/opt.js b/src/views/ModelWeiboDetails/MWDweiboCharacters/opt.js
index f01a8de..782b448 100644
--- a/src/views/ModelWeiboDetails/MWDweiboCharacters/opt.js
+++ b/src/views/ModelWeiboDetails/MWDweiboCharacters/opt.js
@@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
         label: {
           show: false,
           position: 'center',
-          lineHeight: 30
+          lineHeight: 36
         },
         emphasis: {
           label: {
             show: true,
-            fontSize: '16',
+            fontSize: '20',
             color: "#ffff",
             fontWeight: 'bold',
             formatter: function (p) {
diff --git a/src/views/ModelWeiboDetails/MWDweiboContentType/opt.js b/src/views/ModelWeiboDetails/MWDweiboContentType/opt.js
index f01a8de..782b448 100644
--- a/src/views/ModelWeiboDetails/MWDweiboContentType/opt.js
+++ b/src/views/ModelWeiboDetails/MWDweiboContentType/opt.js
@@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
         label: {
           show: false,
           position: 'center',
-          lineHeight: 30
+          lineHeight: 36
         },
         emphasis: {
           label: {
             show: true,
-            fontSize: '16',
+            fontSize: '20',
             color: "#ffff",
             fontWeight: 'bold',
             formatter: function (p) {
diff --git a/src/views/WeiboDetails/weiboCharacters/index.vue b/src/views/WeiboDetails/weiboCharacters/index.vue
index 1dbca9a..8fb02f3 100644
--- a/src/views/WeiboDetails/weiboCharacters/index.vue
+++ b/src/views/WeiboDetails/weiboCharacters/index.vue
@@ -40,7 +40,7 @@
             :cont="item.value"
             :percentage="((item.value / total) * 100).toFixed(2) + '%'"
             :color="colors[index]"
-            :eStyle="{ height: '4.27rem' }"
+            :eStyle="{ height: '5.14rem' }"
           ></v-label-ctx>
         </vue-scroll>
       </div>
diff --git a/src/views/WeiboDetails/weiboCharacters/opt.js b/src/views/WeiboDetails/weiboCharacters/opt.js
index f01a8de..782b448 100644
--- a/src/views/WeiboDetails/weiboCharacters/opt.js
+++ b/src/views/WeiboDetails/weiboCharacters/opt.js
@@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
         label: {
           show: false,
           position: 'center',
-          lineHeight: 30
+          lineHeight: 36
         },
         emphasis: {
           label: {
             show: true,
-            fontSize: '16',
+            fontSize: '20',
             color: "#ffff",
             fontWeight: 'bold',
             formatter: function (p) {
diff --git a/src/views/WeiboDetails/weiboContentType/opt.js b/src/views/WeiboDetails/weiboContentType/opt.js
index f01a8de..782b448 100644
--- a/src/views/WeiboDetails/weiboContentType/opt.js
+++ b/src/views/WeiboDetails/weiboContentType/opt.js
@@ -42,12 +42,12 @@ export default function createOpt(ds = [], color = []) {
         label: {
           show: false,
           position: 'center',
-          lineHeight: 30
+          lineHeight: 36
         },
         emphasis: {
           label: {
             show: true,
-            fontSize: '16',
+            fontSize: '20',
             color: "#ffff",
             fontWeight: 'bold',
             formatter: function (p) {