zx-品牌对比/微博详情-改动

prod
张雄 3 years ago
parent 247b985ec0
commit c310495987

@ -43,12 +43,13 @@ export default function createOpt1(ds = [], color = []) {
label: {
show: false,
position: 'center',
lineheight: 28,
lineHeight: 28,
color: "#ffff"
},
emphasis: {
label: {
show: true,
fontSize: '22',
fontSize: '20',
color: "#ffff",
fontWeight: 'bold',
formatter: function (p) {

@ -43,13 +43,13 @@ export default function createOpt2(ds = [], color = []) {
label: {
show: false,
position: 'center',
fontSize: '40',
lineHeight: 28,
color: "#ffff",
},
emphasis: {
label: {
show: true,
fontSize: '22',
fontSize: '20',
color: "#ffff",
fontWeight: 'bold',
formatter: function (p) {

@ -50,6 +50,7 @@ export default {
methods: {
getData() {
let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true;
getDiffuseZhuTi(obj).then((res) => {
let data = res.data;
let getCoreDiffuseWeiBo = data.getCoreDiffuseWeiBo || [];
@ -76,6 +77,7 @@ export default {
});
let o = { nodes, edges };
this.opt = createOpt(o);
this.load = false;
});
},
}

@ -10,11 +10,11 @@
<div class="wtd-outter" v-loading="load">
<v-label-div title="调性分布"> </v-label-div>
<div class="wtd-inner">
<div class="wtd-item" v-for="(value,key) in obj"
:key="key">
<v-percent :percentage="value.positive"></v-percent>
<span class="s1">{{value.show}}</span>
<v-percent color="#b78e11" :percentage="value.negative" reverse></v-percent>
<div class="wtd-item" v-for="(item,index) in sourceData"
:key="index">
<v-percent :percentage="item.positive"></v-percent>
<span class="s1">{{item.show}}</span>
<v-percent color="#b78e11" :percentage="item.negative" reverse></v-percent>
</div>
</div>
</div>
@ -31,15 +31,7 @@ export default {
token: "",
sBrand: "",
},
obj: {
bigV:{positive:0.1,negative:0.1,show:"个人大V"},
media:{positive:0.1,negative:0.1,show:"媒体"},
enterprice:{positive:0.1,negative:0.1,show:"企业"},
goverment:{positive:0.1,negative:0.1,show:"政府"},
famousPerson:{positive:0.1,negative:0.1,show:"名人"},
uncertified:{positive:0.1,negative:0.1,show:"未认证"},
certified:{positive:0.1,negative:0.1,show:"已认证"}
},
sourceData: [],
};
},
created() {
@ -53,40 +45,16 @@ export default {
this.load = true;
getBoauthenAffectionsWeiBo0528(obj).then(res => {
let data = res.data;
let labelData = [];
data.forEach(ele => {
switch (ele.key) {
case ("个人大V"):
this.obj.bigV.positive = ele.value[0]/(ele.value[0].value+ele.value[2].value+0.1); //index[0]
this.obj.bigV.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1); //index[2]
break;
case ("媒体"):
this.obj.media.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
this.obj.media.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
break;
case ("企业"):
this.obj.enterprice.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
this.obj.enterprice.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
break;
case ("政府"):
this.obj.goverment.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
this.obj.goverment.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
break;
case ("名人"):
this.obj.famousPerson.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
this.obj.famousPerson.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
break;
case ("非认证"):
this.obj.uncertified.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
this.obj.uncertified.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
break;
case ("已认证"):
this.obj.certified.positive = ele.value[0].value/(ele.value[0].value+ele.value[2].value+0.1);
this.obj.certified.negative = ele.value[2].value/(ele.value[0].value+ele.value[2].value+0.1);
break;
default:
break;
}
})
let o = {
show: ele.key,
positive: ele.value[0].value/(ele.value[0].value + ele.value[2].value),
negative: ele.value[2].value/(ele.value[0].value + ele.value[2].value)
};
labelData.push(o);
});
this.sourceData = labelData;
this.load = false;
});
},

Loading…
Cancel
Save