From c4362a0d00e4093af123bd8d4b97ce30f54e37f0 Mon Sep 17 00:00:00 2001
From: liuyongli <1598631486@qq.com>
Date: Wed, 17 Nov 2021 14:10:59 +0800
Subject: [PATCH 1/2] no message

---
 src/permission.js                             |  2 +-
 .../incidentSpreadSituation/index.vue         | 23 +++++-----
 src/views/EventDEC/kmdED/index.vue            | 16 +++----
 .../EventDEC/mediaInterpretationED/index.vue  | 43 ++++++-------------
 .../EventDEC/mediaInterpretationEc/index.vue  | 23 ++++------
 src/views/EventDEC/pnwcWord/index.vue         | 39 +++++++++--------
 src/views/EventDEC/wbUserEDE/index.vue        | 15 +++----
 7 files changed, 68 insertions(+), 93 deletions(-)

diff --git a/src/permission.js b/src/permission.js
index 752e800..cd14f8b 100644
--- a/src/permission.js
+++ b/src/permission.js
@@ -30,7 +30,7 @@ router.afterEach(() => {
 // 检查菜单权限
 function checkMenu(path, next) {
     let menuStr = store.getters.getMenu || [];
-    let arr = ['/index', '/modelInsight', '/eventInsight', '/marketingAnalysis'];
+    let arr = ['/modelInsight', '/eventInsight', '/marketingAnalysis'];
     let n = menuStr.findIndex(ele => ele.link === path);
     if(arr.includes(path) && n === -1) next('/index')
     else next()
diff --git a/src/views/EventDEC/incidentSpreadSituation/index.vue b/src/views/EventDEC/incidentSpreadSituation/index.vue
index 2a36ce8..2e8328b 100644
--- a/src/views/EventDEC/incidentSpreadSituation/index.vue
+++ b/src/views/EventDEC/incidentSpreadSituation/index.vue
@@ -9,7 +9,7 @@
 <template>
     <div class="iss-outter">
         <v-label-div title="事件传播态势">
-            <a-select v-model="form.sTimeType" :size="$vuiSize" style="width: 7rem; margin-left: 2.2rem; margin-right: 0.5rem"  @change="handleChange">
+            <a-select v-model="form.sTimeType" :size="$vuiSize" style="width: 7rem; margin-left: 2.2rem; margin-right: 0.5rem" @change="handleChange">
                 <a-select-option :style="{ color: '#fff' }" v-for="item in selDatas" :value="item.key" :key="item.key">
                     {{ item.value }}
                 </a-select-option>
@@ -26,24 +26,24 @@ import createOpt from "./opt";
 import { getSourcetypeTime } from "@/api/EventdEC";
 export default {
     name: "incidentSpreadSituation",
+    props: {
+        id: {
+            type: String,
+            default: "",
+        },
+    },
     data() {
         return {
-            props: {
-                id: {
-                    type: String,
-                    default: "",
-                },
-            },
             opt: {},
             selDatas: [
                 {
                     key: 34,
-                    value: '小时'
+                    value: "小时",
                 },
                 {
                     key: 20,
-                    value: '天'
-                }
+                    value: "天",
+                },
             ],
             form: {
                 token: "",
@@ -56,7 +56,6 @@ export default {
         this.form.token = this.getToken;
         this.form.sRele = this.id;
         this.getDdta();
-       
     },
     methods: {
         getDdta() {
@@ -78,7 +77,7 @@ export default {
         },
         // 选择时间
         handleChange() {
-           this.getDdta();
+            this.getDdta();
         },
     },
 };
diff --git a/src/views/EventDEC/kmdED/index.vue b/src/views/EventDEC/kmdED/index.vue
index c667572..2f90a7d 100644
--- a/src/views/EventDEC/kmdED/index.vue
+++ b/src/views/EventDEC/kmdED/index.vue
@@ -25,19 +25,19 @@
 import { getWebsite } from "@/api/BrandInsight";
 export default {
     name: "kmdED",
+    props: {
+        id: {
+            type: String,
+            default: "",
+        },
+    },
     data() {
         return {
             load: false,
-            props: {
-                id: {
-                    type: String,
-                    default: "",
-                },
-            },
+
             form: {
                 token: "",
                 sRele: "",
-
             },
             d1: [],
             d2: [],
@@ -59,7 +59,6 @@ export default {
             return newArray;
         },
         getData() {
-            this.load = true;
             let obj = Object.assign({}, this.form);
             getWebsite(obj).then((res) => {
                 let data = res.data;
@@ -71,7 +70,6 @@ export default {
                 let groupedArray = this.group(vals, 5);
                 this.d1 = groupedArray[0];
                 this.d2 = groupedArray[1];
-                this.load = false;
             });
         },
     },
diff --git a/src/views/EventDEC/mediaInterpretationED/index.vue b/src/views/EventDEC/mediaInterpretationED/index.vue
index 4e7f639..9dd8caf 100644
--- a/src/views/EventDEC/mediaInterpretationED/index.vue
+++ b/src/views/EventDEC/mediaInterpretationED/index.vue
@@ -23,21 +23,21 @@
                             <img class="m1" src="../../../assets/images/EventInsight/ic_cbl.png" />
                             <div class="d1">
                                 <span class="ss1">最大层级</span>
-                                <span class="ss2">{{ countObj.maxcount }}</span>
+                                <span class="ss2">{{ sum }}</span>
                             </div>
                         </div>
                         <div class="d-r-item">
                             <img class="m1" src="../../../assets/images/EventInsight/ic_wbfg.png" />
                             <div class="d1">
                                 <span class="ss1">微博覆盖人数</span>
-                                <span class="ss2">{{ countObj.vCount }}</span>
+                                <span class="ss2">{{ volume}}</span>
                             </div>
                         </div>
                         <div class="d-r-item">
                             <img class="m1" src="../../../assets/images/EventInsight/img_ljgj.png" />
                             <div class="d1">
                                 <span class="ss1">总转发人数</span>
-                                <span class="ss2">{{ countObj.Count }}</span>
+                                <span class="ss2">{{ total }}</span>
                             </div>
                         </div>
                     </div>
@@ -65,39 +65,25 @@ import { getDiffuseZhuTi } from "@/api/EventdEC";
 import createOpt from "./opt";
 export default {
     name: "mediaInterpretationED",
+    props: {
+        id: {
+            type: String,
+            default: "",
+        },
+    },
     data() {
         return {
             opt: {},
             load: false,
-            sum: "",
+            total: 0,
+            sum: 0,
+            volume: 0,
             form: {
                 token: "",
                 sRele: "",
-
-            },
-            countObj: {
-                carseriesCount: 0,
-                count: 0,
-                maxcount: 0,
-                vCount: 0,
             },
-            props: {
-                id: {
-                    type: String,
-                    default: "",
-                },
-            },
-            colors: [
-                "#FFB600",
-                "#886CFF",
-                "#0084FF",
-                "#4CB690",
-                "#58B458",
-                "#6C6C6C",
-                "#F56161",
-                "#FC754C",
-                "#5F5EEC",
-            ],
+
+            colors: ["#FFB600", "#886CFF", "#0084FF"],
             list: [
                 {
                     title: "新浪汽车",
@@ -172,7 +158,6 @@ export default {
                 });
                 let o = { nodes, edges };
                 this.opt = createOpt(o);
-                // this.countObj = Object.assign(this.countObj, data);
             });
         },
     },
diff --git a/src/views/EventDEC/mediaInterpretationEc/index.vue b/src/views/EventDEC/mediaInterpretationEc/index.vue
index 5e96a98..b9c6369 100644
--- a/src/views/EventDEC/mediaInterpretationEc/index.vue
+++ b/src/views/EventDEC/mediaInterpretationEc/index.vue
@@ -33,23 +33,22 @@ import { getSource } from "@/api/EventdEC";
 import { getHotWord, getPositive, getNegative } from "@/api/EventdEC";
 export default {
     name: "mediaInterpretationEc",
-    props: ["brand", "model"],
+    props: {
+        id: {
+            type: String,
+            default: "",
+        },
+    },
     data() {
         return {
             load: false,
             opt: {},
             type: 0,
-            props: {
-                id: {
-                    type: String,
-                    default: "",
-                },
-            },
             form: {
                 token: "",
                 sRele: "",
-
             },
+            count: 0,
             config: {},
         };
     },
@@ -98,10 +97,9 @@ export default {
             let obj = Object.assign({}, this.form);
             getSource(obj).then((res) => {
                 let data = res.data || [];
-                this.list = data;
                 let arr = [];
                 data.forEach((ele) => {
-                    let a = [ele.events_title, ele.events_number];
+                    let a = [ele.title, ele.count];
                     arr.push(a);
                 });
                 this.config = {
@@ -116,11 +114,6 @@ export default {
                 this.load = false;
             });
         },
-        // 分页处理
-        handlerPagnation(page) {
-            this.form.iPageIndex = page;
-            this.getDdta();
-        },
     },
 };
 </script>
diff --git a/src/views/EventDEC/pnwcWord/index.vue b/src/views/EventDEC/pnwcWord/index.vue
index bbaa8be..0de0650 100644
--- a/src/views/EventDEC/pnwcWord/index.vue
+++ b/src/views/EventDEC/pnwcWord/index.vue
@@ -18,7 +18,8 @@
 </template>
 
 <script>
-// import createWordCloud from "@/utils/gol/bubbleWord";
+import createWordCloud from "@/utils/gol/bubbleWord";
+import { getPositive1, getNegative1 } from "@/api/EventdEC";
 export default {
     name: "pnwcWord",
     props: ["brand", "model"],
@@ -54,24 +55,24 @@ export default {
                 this.getData2();
             }
         },
-        // getData1() {
-        //     this.load = true;
-        //     let obj = Object.assign({}, this.form);
-        //     getPositive1(obj).then((res) => {
-        //         let data = res.data;
-        //         this.opt = createWordCloud(data);
-        //         this.load = false;
-        //     });
-        // },
-        // getData2() {
-        //     this.load = true;
-        //     let obj = Object.assign({}, this.form);
-        //     getNegative1(obj).then((res) => {
-        //         let data = res.data;
-        //         this.opt = createWordCloud(data);
-        //         this.load = false;
-        //     });
-        // },
+        getData1() {
+            this.load = true;
+            let obj = Object.assign({}, this.form);
+            getPositive1(obj).then((res) => {
+                let data = res.data;
+                this.opt = createWordCloud(data);
+                this.load = false;
+            });
+        },
+        getData2() {
+            this.load = true;
+            let obj = Object.assign({}, this.form);
+            getNegative1(obj).then((res) => {
+                let data = res.data;
+                this.opt = createWordCloud(data);
+                this.load = false;
+            });
+        },
     },
 };
 </script>
diff --git a/src/views/EventDEC/wbUserEDE/index.vue b/src/views/EventDEC/wbUserEDE/index.vue
index f8ac166..bc016cf 100644
--- a/src/views/EventDEC/wbUserEDE/index.vue
+++ b/src/views/EventDEC/wbUserEDE/index.vue
@@ -43,20 +43,19 @@ import createOpt from "./opt";
 import { getAffections } from "@/api/EventdEC";
 export default {
     name: "wbUserEDE",
+    props: {
+        id: {
+            type: String,
+            default: "",
+        },
+    },
     data() {
         return {
             load: false,
-            opt: createOpt(),
+            opt: {},
             form: {
                 token: "",
                 sRele: "",
-
-            },
-            props: {
-                id: {
-                    type: String,
-                    default: "",
-                },
             },
             labelArr: [],
             total: 0,

From d4d980530b02e47f3bf33fe3f054f11ac10d8f06 Mon Sep 17 00:00:00 2001
From: zx <604444282@qq.com>
Date: Wed, 17 Nov 2021 14:29:36 +0800
Subject: [PATCH 2/2] =?UTF-8?q?zx-=E4=BA=8B=E4=BB=B6=E5=AF=B9=E6=AF=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/EventComparison/BrandWeibo.js         |  4 +-
 src/api/EventComparison/index.js              |  8 +-
 .../EventComparison/etc-cc/roundatacc/opt.js  |  6 +-
 .../index.vue                                 | 83 ++++++++++++----
 src/views/EventComparison/wtcEc/index.vue     | 65 +++++++++++-
 src/views/EventComparison/wtcEc/opt.js        | 98 ++++++-------------
 6 files changed, 163 insertions(+), 101 deletions(-)

diff --git a/src/api/EventComparison/BrandWeibo.js b/src/api/EventComparison/BrandWeibo.js
index 05aa4f0..64f0d87 100644
--- a/src/api/EventComparison/BrandWeibo.js
+++ b/src/api/EventComparison/BrandWeibo.js
@@ -1,8 +1,8 @@
 import httpService from "@/request"
 
-// 获取事件类型
+// 微博调性对比
 export function getAffectionsC(params) {
-    let obj =  Object.assign({action: 'getAffectionsC', sType: 'BrandWeiBo'}, params)
+    let obj =  Object.assign({action: 'getAffectionsC', sType: 'BrandWeiBo', iContrastType: 3}, params)
     return httpService({
         url: `/api/v6.ashx`,
         method: 'post',
diff --git a/src/api/EventComparison/index.js b/src/api/EventComparison/index.js
index db13071..b07d12a 100644
--- a/src/api/EventComparison/index.js
+++ b/src/api/EventComparison/index.js
@@ -85,8 +85,8 @@ export function getListC(params) {
 }
 
 // 事件-正面词云
-export function getPositive(params) {
-    let obj =  Object.assign({action: 'getPositive', sType: 'EventContrast', iContrastType: 3 }, params)
+export function getPositiveC(params) {
+    let obj =  Object.assign({action: 'getPositiveC', sType: 'EventContrast',iContrastType: 3  }, params)
     return httpService({
         url: `/api/v6.ashx`,
         method: 'post',
@@ -98,8 +98,8 @@ export function getPositive(params) {
 }
 
 // 事件-负面词云
-export function getNegative(params) {
-    let obj =  Object.assign({action: 'getNegative', sType: 'EventContrast', iContrastType: 3 }, params)
+export function getNegativeC(params) {
+    let obj =  Object.assign({action: 'getNegativeC', sType: 'EventContrast',iContrastType: 3 }, params)
     return httpService({
         url: `/api/v6.ashx`,
         method: 'post',
diff --git a/src/views/EventComparison/etc-cc/roundatacc/opt.js b/src/views/EventComparison/etc-cc/roundatacc/opt.js
index 8e51733..5d39742 100644
--- a/src/views/EventComparison/etc-cc/roundatacc/opt.js
+++ b/src/views/EventComparison/etc-cc/roundatacc/opt.js
@@ -38,12 +38,12 @@ export default function createOpt(arr = []) {
             {
               name: 'Access From0',
               type: 'pie',
-              radius: ['70%', '92%'],
+              radius: ['63%', '77%'],
               avoidLabelOverlap: false,
               label: {
                 show: false,
                 position: 'center',
-                lineHeight: 40
+                lineHeight: 32
               },
               emphasis: {
                 label: {
@@ -64,7 +64,7 @@ export default function createOpt(arr = []) {
             {
                 name: 'Access From1',
                 type: 'pie',
-                radius: ['96%', '100%'],
+                radius: ['80%', '84%'],
                 avoidLabelOverlap: false,
                 label: {
                     show: false,
diff --git a/src/views/EventComparison/positiveAndNegativeWordCloudContrast/index.vue b/src/views/EventComparison/positiveAndNegativeWordCloudContrast/index.vue
index 6644b0e..276c406 100644
--- a/src/views/EventComparison/positiveAndNegativeWordCloudContrast/index.vue
+++ b/src/views/EventComparison/positiveAndNegativeWordCloudContrast/index.vue
@@ -7,7 +7,7 @@
  * @FilePath: /data-show/src/views/EventComparison/positiveAndNegativeWordCloudContrast/index.vue
 -->
 <template>
-  <div class="panwc-outter">
+  <div class="panwc-outter" v-loading="load">
     <div class="panwc-inner">
       <div class="panwc-d1">
         <v-label-div
@@ -15,11 +15,14 @@
           :showLine="false"
           :eStyle="{ 'border-style': 'none' }"
         >
-          <v-tab-group :btns="['正面', '负面']"></v-tab-group>
+          <v-tab-group
+            :btns="['正面', '负面']"
+            @change="handlerTab1"
+          ></v-tab-group>
         </v-label-div>
-        <span class="p-d1-s1">事件一</span>
+        <span class="p-d1-s1">{{ eventData1.name }}</span>
         <div class="panwc-inner">
-          <v-echarts :opt="opt"></v-echarts>
+          <v-echarts :opt="opt1"></v-echarts>
         </div>
       </div>
       <div class="panwc-d1">
@@ -28,11 +31,16 @@
           :showLine="false"
           :eStyle="{ 'border-style': 'none' }"
         >
-          <v-tab-group :btns="['正面', '负面']"></v-tab-group>
+          <v-tab-group
+            :btns="['正面', '负面']"
+            @change="handlerTab2"
+          ></v-tab-group>
         </v-label-div>
-        <span class="p-d1-s1" style="color: #54bf93">事件二</span>
+        <span class="p-d1-s1" style="color: #54bf93">{{
+          eventData2.name
+        }}</span>
         <div class="panwc-inner">
-          <v-echarts :opt="opt"></v-echarts>
+          <v-echarts :opt="opt2"></v-echarts>
         </div>
       </div>
     </div>
@@ -40,19 +48,31 @@
 </template>
 
 <script>
-import { getNegative } from "@/api/EventComparison";
-import { getPositive } from "@/api/EventComparison";
-//import createWordCloud from "@/utils/gol/bubbleWord";
-import createOpt from "./opt";
+import { getNegativeC } from "@/api/EventComparison/index.js";
+import { getPositiveC } from "@/api/EventComparison/index.js";
+import createWordCloud from "@/utils/gol/bubbleWord";
+//import createOpt from "./opt";
 export default {
   name: "positiveAndNegativeWordCloudContrast",
   data() {
     return {
-      opt: createOpt(),
+      opt1: {},
+      opt2: {},
       form: {
         token: "",
         sRele: "",
       },
+      eventData1: {
+        name: "",
+        positive: {},
+        negative: {},
+      },
+      eventData2: {
+        name: "",
+        positive: {},
+        negative: {},
+      },
+      load: false,
     };
   },
   created() {
@@ -69,19 +89,24 @@ export default {
       this.getData();
     },
     getData() {
+      this.load = true;
       Promise.all([this.getPoz(), this.getNeg()]).then(() => {
-        // 什么也不执行
-        //this.handlerTab(0);
-        //this.load = false;
+        this.handlerTab1(0);
+        this.handlerTab2(0);
+        this.load = false;
       });
     },
     getPoz() {
       return new Promise((resolve, reject) => {
         let obj = Object.assign({}, this.getCtime2, this.form);
-        getPositive(obj)
+        getPositiveC(obj)
           .then((res) => {
-            let data = res.data || {};
-            resolve(data);
+            let data = res.data;
+            this.eventData1.name = data[0].Name;
+            this.eventData2.name = data[1].Name;
+            this.eventData1.positive = data[0].Data;
+            this.eventData2.positive = data[1].Data;
+            resolve(res);
           })
           .catch(() => {
             reject(false);
@@ -91,16 +116,32 @@ export default {
     getNeg() {
       return new Promise((resolve, reject) => {
         let obj = Object.assign({}, this.getCtime2, this.form);
-        getNegative(obj)
+        getNegativeC(obj)
           .then((res) => {
-            let data = res.data || {};
-            resolve(data);
+            let data = res.data;
+            this.eventData1.negative = data[0].Data;
+            this.eventData2.negative = data[1].Data;
+            resolve(res);
           })
           .catch(() => {
             reject(false);
           });
       });
     },
+    handlerTab1(n) {
+      if (n === 0) {
+        this.opt1 = createWordCloud(this.eventData1.positive);
+      } else if (n === 1) {
+        this.opt1 = createWordCloud(this.eventData1.negative);
+      }
+    },
+    handlerTab2(n) {
+      if (n === 0) {
+        this.opt2 = createWordCloud(this.eventData2.positive);
+      } else if (n === 1) {
+        this.opt2 = createWordCloud(this.eventData2.negative);
+      }
+    },
   },
 };
 </script>
diff --git a/src/views/EventComparison/wtcEc/index.vue b/src/views/EventComparison/wtcEc/index.vue
index 77f8d1d..26659a3 100644
--- a/src/views/EventComparison/wtcEc/index.vue
+++ b/src/views/EventComparison/wtcEc/index.vue
@@ -8,13 +8,13 @@
 -->
 
 <template>
-  <div class="wtcEc-outter">
+  <div class="wtcEc-outter" v-loading="load">
     <v-label-div
       title="微博调性对比"
       :showLine="false"
       :eStyle="{ 'border-style': 'none' }"
     >
-      <v-tab-group :btns="['事件1', '事件2']"></v-tab-group>
+      <v-tab-group :btns="eventList" @change="handlerTab"></v-tab-group>
     </v-label-div>
     <div class="wtcEc-inner">
       <v-echarts :opt="opt"></v-echarts>
@@ -29,12 +29,36 @@ export default {
   name: "wtcEc",
   data() {
     return {
-      opt: createOpt(),
+      opt: {},
       form: {
         token: "",
         sRele: "",
       },
-      sourceData: []
+      load: false,
+      colors: [
+        "#54BF93",
+        "#3373CC",
+        "#CC9D12",
+        "#f15c80",
+        "#e4d354",
+        "#8085e8",
+        "#8d4653",
+        "#91e8e1",
+        "#f7a35c",
+        "#90ed7d",
+        "#54BF93",
+        "#3373CC",
+        "#CC9D12",
+        "#f15c80",
+        "#e4d354",
+        "#8085e8",
+        "#8d4653",
+        "#91e8e1",
+        "#f7a35c",
+        "#90ed7d",
+      ],
+      eventList: [],
+      showData: []
     };
   },
   created() {
@@ -52,11 +76,42 @@ export default {
     },
     getData() {
       let obj = Object.assign({}, this.getCtime2, this.form);
+      this.load = true;
       getAffectionsC(obj).then((res) => {
         let data = res.data || [];
-        this.sourceData = data;
+        let eList = [];
+        let dList = [];
+        data.forEach(e => {
+            let subStr = e.Name;
+            if(subStr.length > 5){
+                eList.push(subStr.substr(0, 4))
+            } else {
+                eList.push(subStr)
+            }
+            dList.push(this.toArr(e.Data))
+        })
+        this.eventList = eList;
+        this.showData = dList;
+        this.opt = createOpt(this.showData[0],this.colors);
+        this.load = false;
       });
     },
+    // 将对象变成数组
+    toArr(obj) {
+      let arr = [];
+      for (let key in obj) {
+        let o = {
+          key: key,
+          value: obj[key],
+        };
+        arr.push(o);
+      }
+      return arr;
+    },
+    //切换数据
+    handlerTab(n) {
+      this.opt = createOpt(this.showData[n],this.colors);
+    },
   },
 };
 </script>
diff --git a/src/views/EventComparison/wtcEc/opt.js b/src/views/EventComparison/wtcEc/opt.js
index 54f07f6..6ef365d 100644
--- a/src/views/EventComparison/wtcEc/opt.js
+++ b/src/views/EventComparison/wtcEc/opt.js
@@ -6,8 +6,33 @@
  * @Description: In User Settings Edit
  * @FilePath: /data-show/src/views/BrandInsight/weiboKol/opt.js
  */
+
+function createData(ds = [], colors) {
+   let arr = [];
+   ds.map((ele, index) => {
+     let obj = {
+       value: ele.value,
+       name: ele.key,
+       itemStyle: {
+         color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
+           //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
+           //给第一个设置0，第四个设置1，就是垂直渐变
+           offset: 0,
+           color: 'black'
+         }, {
+           offset: 1,
+           color: colors[index]
+         }])
+       }
+     }
+     arr.push(obj)
+   })
+   return arr;
+ }
+
 import * as echarts from "echarts";
-export default function createOpt() {
+export default function createOpt(ds = [], color = []) {
+   const data = createData(ds, color);
     return {
       legend: {
          textStyle: { //图例文字的样式
@@ -20,12 +45,12 @@ export default function createOpt() {
             {
               name: 'Access From0',
               type: 'pie',
-              radius: ['60%', '70%'],
+              radius: ['50%', '61%'],
               avoidLabelOverlap: false,
               label: {
                 show: false,
                 position: 'center',
-                lineHeight: 40
+                lineHeight: 32
               },
               emphasis: {
                 label: {
@@ -34,48 +59,19 @@ export default function createOpt() {
                   color: "#ffff",
                   fontWeight: 'bold',
                   formatter: function(p) {
-                      return `${p.data.name}\n25%\n${p.data.value}`
+                      return `${p.data.name}\n${p.percent}%\n${p.data.value}`
                   }
                 }
               },
               labelLine: {
                 show: false
               },
-              data: [
-                { value: 2000, name: '正面', itemStyle: {color:  new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
-                    //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
-                    //给第一个设置0，第四个设置1，就是垂直渐变
-                    offset: 0,
-                    color: 'black'
-                 }, {
-                    offset: 1,
-                    color: '#3373CC'
-                 }])} },
-               
-                { value: 1000, name: '中性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
-                    //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
-                    //给第一个设置0，第四个设置1，就是垂直渐变
-                    offset: 0,
-                    color: 'black'
-                 }, {
-                    offset: 1,
-                    color: '#54BF93'
-                 }])} },
-                 { value: 1000, name: '负面', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
-                    //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
-                    //给第一个设置0，第四个设置1，就是垂直渐变
-                    offset: 0,
-                    color: 'black'
-                 }, {
-                    offset: 1,
-                    color: '#b38b14'
-                 }])} },
-              ],
+              data: data
             },
             {
                 name: 'Access From1',
                 type: 'pie',
-                radius: ['74%', '78%'],
+                radius: ['64%', '67%'],
                 avoidLabelOverlap: false,
                 label: {
                     show: false,
@@ -85,37 +81,7 @@ export default function createOpt() {
                   show: false
                 },
                 center: ['50%', '50%'],//边框位置
-                data: [
-                  { value: 2000, name: '正面', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
-                    //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
-                    //给第一个设置0，第四个设置1，就是垂直渐变
-                    offset: 0,
-                    color: 'black'
-                 }, {
-                    offset: 1,
-                    color: '#3373CC'
-                 }])} },
-                
-                  { value: 1000, name: '中性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
-                    //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
-                    //给第一个设置0，第四个设置1，就是垂直渐变
-                    offset: 0,
-                    color: 'black'
-                 }, {
-                    offset: 1,
-                    color: '#54BF93'
-                 }])} },
-                 { value: 1000, name: '负面', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
-                    //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
-                    //给第一个设置0，第四个设置1，就是垂直渐变
-                    offset: 0,
-                    color: 'black'
-                 }, {
-                    offset: 1,
-                    color: '#b38b14'
-                 }])} },
-               
-                ],
+                data: data
               }
           ]
     }