You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

84 lines
2.1 KiB

<!--
* @Author: your name
* @Date: 2021-10-14 10:11:41
* @LastEditTime: 2021-11-09 13:16:55
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: /data-show/src/views/WeiboDetails/weiboCommunicationTrend/index.vue
-->
<template>
<div class="wct-outter" v-loading="load">
<v-label-div title="传播态势" :showLine="false" :eStyle="{'border-style': 'none'}">
</v-label-div>
<div class="wct-inner">
<v-echarts :opt="opt"></v-echarts>
</div>
</div>
</template>
<script>
import {getTimeCountWY} from "@/api/SpecialAnalize"
import createOpt from "./opt"
export default {
name: "weibo-communication-trend",
data() {
return {
//弹出框//
modelStyle:{
left: '',
top: ''
},
modelShow: false,
ecbox:{//图表宽高
width:618,
height:490
},
ecmodel:{//弹框宽高
width:300,
height:280
},
activeCol: 0,
//-*-//
load: false,
form: {
sSpecialGuid: "",
token: "",
},
opt: createOpt(),
urlArr: []
}
},
created() {
this.form.token = this.getToken;
this.form.sSpecialGuid = this.$route.query.sSpecialGuid;
this.getData();
},
methods: {
getData() {
this.load = true;
getTimeCountWY(this.form).then(res => {
let data = res.data || [];
let dx = []; let ds = [];
data.forEach(ele => {
dx.push(ele.Time);
ds.push(ele.value);
})
this.opt = createOpt(dx, ds);
this.load = false
});
}
}
};
</script>
<style lang="less" scoped>
.wct-outter {
width: 460px;
height: 460px;
.wct-inner {
width: 100%;
height: calc(100% - 48px);
}
}
</style>