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

prod
张雄 4 years ago
parent 247b985ec0
commit c310495987

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

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

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

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

Loading…
Cancel
Save