prod
lily.zhang 4 years ago
parent 63cbe6519e
commit 18bf169a1d

@ -1,7 +1,7 @@
/* /*
* @Author: your name * @Author: your name
* @Date: 2021-10-12 10:11:24 * @Date: 2021-10-12 10:11:24
* @LastEditTime: 2021-11-16 17:43:46 * @LastEditTime: 2021-11-17 14:26:08
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js * @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js
@ -54,7 +54,7 @@ export default function createOpt(dx=[], ds=[]) {
left: 10, left: 10,
right: 20, right: 20,
bottom: 10, bottom: 10,
top: 44, top: 36,
containLabel: true containLabel: true
}, },
tooltip: { tooltip: {
@ -73,8 +73,8 @@ export default function createOpt(dx=[], ds=[]) {
color: '#fff', color: '#fff',
fontSize: 10 fontSize: 10
}, },
y: 12, y: 0,
x: 16, x: 10,
itemWidth: 12, itemWidth: 12,
itemHeight: 12 itemHeight: 12
}, },

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-20 11:39:20 * @Date: 2021-10-20 11:39:20
* @LastEditTime: 2021-11-17 13:45:50 * @LastEditTime: 2021-11-17 14:15:29
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/EventDEC/kmdED/index.vue * @FilePath: /data-show/src/views/EventDEC/kmdED/index.vue
@ -12,10 +12,10 @@
</v-label-div> </v-label-div>
<div class="kmd-inner"> <div class="kmd-inner">
<div class="d1"> <div class="d1">
<v-ranking v-for="(item,index) in d1" :key="index" :lineShow="index === 0 ? false : true" :num="index + 1" :label="item.label|doStr(8)" :val="item.val"></v-ranking> <v-ranking-kmd v-for="(item,index) in d1" :key="index" :lineShow="index === 0 ? false : true" :num="index + 1" :label="item.label|doStr(8)" :val="item.val"></v-ranking-kmd>
</div> </div>
<div class="d1" style="margin-left: 14px"> <div class="d1" style="margin-left: 14px">
<v-ranking v-for="(item,index) in d2" :key="index" :lineShow="index === 0 ? false : true" :num="5+index + 1" :label="item.label|doStr(8)" :val="item.val"></v-ranking> <v-ranking-kmd v-for="(item,index) in d2" :key="index" :lineShow="index === 0 ? false : true" :num="5+index + 1" :label="item.label|doStr(8)" :val="item.val"></v-ranking-kmd>
</div> </div>
</div> </div>
</div> </div>
@ -23,8 +23,12 @@
<script> <script>
import { getWebsite } from "@/api/BrandInsight"; import { getWebsite } from "@/api/BrandInsight";
import vRankingKmd from "./v-ranking-kmd"
export default { export default {
name: "kmdED", name: "kmdED",
components: {
vRankingKmd
},
props: { props: {
id: { id: {
type: String, type: String,

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-20 11:19:00 * @Date: 2021-10-20 11:19:00
* @LastEditTime: 2021-11-17 13:38:21 * @LastEditTime: 2021-11-17 14:23:06
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/EventDEC/tailAnalysisED/index.vue * @FilePath: /data-show/src/views/EventDEC/tailAnalysisED/index.vue
@ -10,6 +10,11 @@
<div class="taed-outter"> <div class="taed-outter">
<div class="taed-inner"> <div class="taed-inner">
<v-label-div title="传播态势" :showLine="false" :eStyle="{'border-style': 'none'}"> <v-label-div title="传播态势" :showLine="false" :eStyle="{'border-style': 'none'}">
<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>
</a-select>
</v-label-div> </v-label-div>
<div class="taed-d1"> <div class="taed-d1">
<v-echarts :opt="opt"></v-echarts> <v-echarts :opt="opt"></v-echarts>
@ -33,9 +38,20 @@ export default {
return { return {
load: false, load: false,
opt: {}, opt: {},
selDatas: [
{
key: 34,
value: "小时",
},
{
key: 20,
value: "天",
},
],
form: { form: {
token: "", token: "",
sRele: "", sRele: "",
sTimeType: 34,
}, },
}; };
}, },
@ -50,12 +66,12 @@ export default {
this.load = true; this.load = true;
getSourcetypeTime1(obj).then((res) => { getSourcetypeTime1(obj).then((res) => {
let data = res.data || []; let data = res.data || [];
console.log(data) console.log(data);
let dx = []; let dx = [];
let ds = []; let ds = [];
data.forEach((ele) => { data.forEach((ele) => {
let key = ele.Time; let key = ele.Time;
let value = ele.value; let value = ele.Data;
dx.push(key); dx.push(key);
ds.push(value); ds.push(value);
}); });
@ -63,6 +79,9 @@ export default {
this.load = false; this.load = false;
}); });
}, },
handleChange() {
this.getDdta()
}
}, },
}; };
</script> </script>

@ -1,7 +1,7 @@
/* /*
* @Author: your name * @Author: your name
* @Date: 2021-10-12 10:11:24 * @Date: 2021-10-12 10:11:24
* @LastEditTime: 2021-11-01 14:25:41 * @LastEditTime: 2021-11-17 14:25:15
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js * @FilePath: /data-show/src/views/BrandInsight/titsopo/opt.js
@ -51,10 +51,10 @@ export default function createOpt(dx=[], ds=[]) {
let data = createData(ds) let data = createData(ds)
return { return {
grid: { grid: {
left: '3%', left: 10,
right: '2%', right: '1%',
bottom: '3%', bottom: 10,
top: '15%', top: 36,
containLabel: true containLabel: true
}, },
tooltip: { tooltip: {
@ -70,10 +70,13 @@ export default function createOpt(dx=[], ds=[]) {
legend: { legend: {
icon: 'roundRect', icon: 'roundRect',
textStyle: { //图例文字的样式 textStyle: { //图例文字的样式
color: '#fff' color: '#fff',
fontSize: 10
}, },
y: 12, y: 0,
x: 16 x: 10,
itemWidth: 12,
itemHeight: 12
}, },
xAxis: { xAxis: {
type: 'category', type: 'category',

@ -2,7 +2,7 @@
/* /*
* @Author: your name * @Author: your name
* @Date: 2021-10-09 11:38:06 * @Date: 2021-10-09 11:38:06
* @LastEditTime: 2021-11-16 17:43:30 * @LastEditTime: 2021-11-17 14:26:50
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/Index/barometer/opt.js * @FilePath: /data-show/src/views/Index/barometer/opt.js
@ -56,9 +56,9 @@ export default function createOpt(dx = [], ds = []) {
return { return {
grid: { grid: {
left: 10, left: 10,
right: 20, right: '1%',
bottom: 10, bottom: 10,
top: 46, top: 36,
containLabel: true containLabel: true
}, },
// dataZoom: [{ // dataZoom: [{
@ -85,7 +85,7 @@ export default function createOpt(dx = [], ds = []) {
color: '#fff', color: '#fff',
fontSize:10 fontSize:10
}, },
y: 10, y: 0,
x: 10, x: 10,
itemWidth: 10, itemWidth: 10,
itemHeight: 10 itemHeight: 10

Loading…
Cancel
Save