yunyang
/
carInsightSystem
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'dev' of git.oa00.com:SWS/carInsightSystem into dev

Browse Source 
* 'dev' of git.oa00.com:SWS/carInsightSystem:
  lyl尾翼详情接口
  lyl尾翼详情
  zx-调性分布

# Conflicts:
#	src/views/TailInsightDetails/rearWingInformationList/index.vue
prod
lily.zhang 3 years ago
parent 7da39a7ce0 f588227294
commit f7330dd5f5
16 changed files with 579 additions and 514 deletions
Show Stats Download Patch File Download Diff File

86
src/api/TailInsightdetails/index.js
Unescape View File

@ -0,0 +1,86 @@
import httpService from "@/request"
// 尾翼洞察详情-尾翼洞察详情
export function getWeiYiInsightAnalysis(params) {
let obj = Object.assign({action: 'getWeiYiInsightAnalysis', sType: 'BrandWeiYi'}, params)
return httpService({
url: `/api/v6.ashx`,
method: 'post',
data: obj,
headers: {
'content-type': 'application/x-www-form-urlencoded'
}
})
}
// 传播态势-传播态势
export function getWeiYiVolumeTime(params) {
let obj = Object.assign({action: 'getWeiYiVolumeTime', sType: 'BrandWeiYi'}, params)
return httpService({
url: `/api/v6.ashx`,
method: 'post',
data: obj,
headers: {
'content-type': 'application/x-www-form-urlencoded'
}
})
}
// 媒体分布-媒体分布
export function getSourcetype0528(params) {
let obj = Object.assign({action: 'getSourcetype0528', sType: 'BrandWeiYi'}, params)
return httpService({
url: `/api/v6.ashx`,
method: 'post',
data: obj,
headers: {
'content-type': 'application/x-www-form-urlencoded'
}
})
}
//尾翼整体调性-尾翼整体调性
export function getAffections(params) {
let obj = Object.assign({action: 'getAffections', sType: 'BrandWeiYi'}, params)
return httpService({
url: `/api/v6.ashx`,
method: 'post',
data: obj,
headers: {
'content-type': 'application/x-www-form-urlencoded'
}
})
}
// 热门词云-正面词云
export function getPositive(params) {
let obj = Object.assign({action: 'getPositive', sType: 'BrandWeiYi'}, params)
return httpService({
url: `/api/v6.ashx`,
method: 'post',
data: obj,
headers: {
'content-type': 'application/x-www-form-urlencoded'
}
})
}
// 热门词云-负面词云
export function getNegative(params) {
let obj = Object.assign({action: 'getNegative', sType: 'BrandWeiYi'}, params)
return httpService({
url: `/api/v6.ashx`,
method: 'post',
data: obj,
headers: {
'content-type': 'application/x-www-form-urlencoded'
}
})
}
// 尾翼信息列表-尾翼信息列表
export function getList0528(params) {
let obj = Object.assign({action: 'getList0528', sType: 'BrandWeiYi'}, params)
return httpService({
url: `/api/v6.ashx`,
method: 'post',
data: obj,
headers: {
'content-type': 'application/x-www-form-urlencoded'
}
})
}

3
src/views/ModelInsight/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-25 13:12:20 * @Date: 2021-10-25 13:12:20
* @LastEditTime: 2021-11-08 10:07:06 * @LastEditTime: 2021-11-08 16:13:39
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/ModelInsight/index.vue * @FilePath: /data-show/src/views/ModelInsight/index.vue
@ -118,6 +118,7 @@ export default {
}, },
// 获取车型 // 获取车型
modelData() { modelData() {
let model = this.getModel.name || ""; let model = this.getModel.name || "";
if (!model) { if (!model) {
this.getUserSeriesName(this.brand); this.getUserSeriesName(this.brand);

28
src/views/TailInsightDetails/index.vue
Unescape View File

@ -15,10 +15,10 @@
</v-label-div> </v-label-div>
<div class="tid-d1-bd"> <div class="tid-d1-bd">
<div class="d1"> <div class="d1">
奥迪 {{this.form.sBrand}}
</div> </div>
<div class="d2"> <div class="d2">
洞察分析：共监测到尾翼信息5条,2021-06-15 10:00:00尾翼传播达到波峰值,共监测到1条信息.,尾翼信息主要分布在萝卜投研,微信等媒体平台，媒体尾翼分布占比为萝卜投研 60%,微信 40%.,网民对于该品牌主要关注"上市,全新,不错,亮点,搭载"等信息.,通过对行业大数据的聚合分析,可以发现网民热议TOP10车型分别为”奥迪h6,rav4荣放,博越"等. 洞察分析：共{{msg}}
</div> </div>
</div> </div>
</div> </div>
@ -39,6 +39,7 @@ import mediaDistribution from "./mediaDistribution"
import theOverallToneOfTheTail from "./theOverallToneOfTheTail" import theOverallToneOfTheTail from "./theOverallToneOfTheTail"
import popularWordCloud from "./popular-word-cloud" import popularWordCloud from "./popular-word-cloud"
import rearWingInformationList from "./rearWingInformationList" import rearWingInformationList from "./rearWingInformationList"
import {getWeiYiInsightAnalysis} from '@/api/TailInsightdetails'
export default { export default {
name: "TailInsightDetails", name: "TailInsightDetails",
components: { components: {
@ -47,13 +48,34 @@ export default {
theOverallToneOfTheTail, // 尾翼整体调性 theOverallToneOfTheTail, // 尾翼整体调性
popularWordCloud, // 热门词云 popularWordCloud, // 热门词云
rearWingInformationList // 尾翼信息列表 rearWingInformationList // 尾翼信息列表
},
data() {
return {
msg: "",
form: {
sBrand: "",
token: "",
},
}
},
created() {
this.form.token = this.getToken;
this.form.sBrand = this.getBrand.brandname || '奥迪';
this.getDdta();
}, },
methods: { methods: {
getDdta(){
let obj = Object.assign({}, this.getCtime2, this.form);
getWeiYiInsightAnalysis(obj).then(res => {
let data = res.msg;
this.msg = data;
})
},
goback() { goback() {
this.$router.go(-1); this.$router.go(-1);
} }
} }
}; }
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

75
src/views/TailInsightDetails/mediaDistribution/index.vue
Unescape View File

@ -10,47 +10,60 @@
<div class="md-outter"> <div class="md-outter">
<v-label-div title="媒体分布"></v-label-div> <v-label-div title="媒体分布"></v-label-div>
<div class="md-inner"> <div class="md-inner">
<v-echarts :opt="opt" @echarsUpdate="echarsFun"></v-echarts> <v-echarts :opt="opt"></v-echarts>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import createOpt from "./opt"; import createOpt from "./opt";
import {getSourcetype0528} from "@/api/TailInsightdetails"
export default { export default {
name: "mediaDistribution", name: "mediaDistribution",
data() { data() {
return { return {
opt: createOpt(), opt: {},
}; form: {
sBrand: "",
token: "",
},
colors: [
"#54BF93",
"#3373CC",
"#CC9D12",
"#f15c80",
"#e4d354",
"#8085e8",
"#8d4653",
"#91e8e1",
"#f7a35c",
"#90ed7d",
"#54BF93",
"#3373CC",
"#CC9D12",
"#f15c80",
"#e4d354",
"#8085e8",
"#8d4653",
"#91e8e1",
"#f7a35c",
"#90ed7d",
],
}
}, },
methods: { created() {
echarsFun(myChart) { this.form.token = this.getToken;
let index = 0; this.form.sBrand = this.getBrand.brandname || '奥迪';
myChart.dispatchAction({ this.getDdta();
type: "highlight", },
seriesIndex: 0, methods: {
dataIndex: 0, getDdta(){
}); let obj = Object.assign({}, this.getCtime2, this.form);
myChart.on("mouseover", function (e) { getSourcetype0528(obj).then(res => {
if (e.dataIndex != index) { let data = res.data || [];
myChart.dispatchAction({ this.labelData = data;
type: "downplay", this.opt = createOpt(data, this.colors);
seriesIndex: 0, })
dataIndex: index,
});
}
});
myChart.on("mouseout", function (e) {
index = e.dataIndex;
myChart.dispatchAction({
type: "highlight",
seriesIndex: 0,
dataIndex: e.dataIndex,
});
});
}, },
}, },
}; };

135
src/views/TailInsightDetails/mediaDistribution/opt.js
Unescape View File

@ -7,7 +7,30 @@
* @FilePath: /data-show/src/views/BrandInsight/weiboKol/opt.js * @FilePath: /data-show/src/views/BrandInsight/weiboKol/opt.js
*/ */
import * as echarts from "echarts"; import * as echarts from "echarts";
export default function createOpt() { let colors = ['rgba(203,118,58,1)', 'rgba(202,156,17,1)', 'rgba(90,203,156,1)', 'rgba(99,173,204,1)', 'rgba(55,113,190,1)', "rgba(138,191,66,1)", 'rgba(181,191,67,1)', 'rgba(203,91,65,1)']
function createData(ds=[]) {
let arr = [];
for(let i = 0; i < ds.length; i++) {
let ele = ds[i];
if(ele.value*1 > 0) {
let obj = { value: ele.value*1, 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[i]
}])
}};
arr.push(obj)
}
}
return arr;
}
export default function createOpt(ds = []) {
const data = createData(ds, colors)
return { return {
legend: { legend: {
y: 10, y: 10,
@ -15,8 +38,7 @@ export default function createOpt() {
icon: 'roundRect', icon: 'roundRect',
textStyle: { //图例文字的样式 textStyle: { //图例文字的样式
color: '#fff' color: '#fff'
}, }
data: ["新闻","论坛","微信","微博","其他"]
}, },
series: [ series: [
{ {
@ -26,68 +48,23 @@ export default function createOpt() {
avoidLabelOverlap: false, avoidLabelOverlap: false,
label: { label: {
show: false, show: false,
position: 'center' position: 'center',
lineHeight: 30
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '40', fontSize: '20',
color: "#ffff", color: "#ffff",
formatter: (p)=>{ formatter: function (p) {
return p.data.name + '\n' + p.data.value; return `${p.data.name}\n${p.percent}%\n${p.data.value}`
}, }
} }
}, },
labelLine: { labelLine: {
show: false show: false
}, },
data: [ data: 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: 2000, name: '论坛', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
//给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
//给第一个设置0，第四个设置1，就是垂直渐变
offset: 0,
color: 'black'
}, {
offset: 1,
color: '#518ea9'
}])} },
{ 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'
}])} },
{ 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: '#b56a2f'
}])} },
],
}, },
{ {
@ -103,53 +80,7 @@ export default function createOpt() {
show: false show: false
}, },
center: ['50%', '50%'],//边框位置 center: ['50%', '50%'],//边框位置
data: [ data: 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: 2000, name: '论坛', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
//给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
//给第一个设置0，第四个设置1，就是垂直渐变
offset: 0,
color: 'black'
}, {
offset: 1,
color: '#518ea9'
}])} },
{ 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'
}])} },
{ 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: '#b56a2f'
}])} },
],
} }
] ]

49
src/views/TailInsightDetails/popular-word-cloud/index.vue
Unescape View File

@ -8,21 +8,60 @@
--> -->
<template> <template>
<div class="pwc-outter"> <div class="pwc-outter">
<v-label-div title="热门词云"></v-label-div> <v-label-div title="热门词云" :showLine="false" :eStyle="{'border-style': 'none'}">
<v-tab-group :btns="['正面', '负面']" @change="handlerChange"></v-tab-group>
</v-label-div>
<div class="pwc-inner"> <div class="pwc-inner">
<v-echarts :opt="opt" @echarsUpdate="echarsFun"></v-echarts> <v-echarts :opt="opt"></v-echarts>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import createOpt from "./opt" import createWordCloud from "@/utils/gol/bubbleWord";
import {getPositive,getNegative} from '@/api/TailInsightdetails'
export default { export default {
name: "popular-word-cloud", name: "popular-word-cloud",
props: ["brand", "model"],
data() { data() {
return { return {
opt: createOpt() form: {
sBrand: "",
token: "",
},
opt: {}
} }
} },
created() {
this.form.token = this.getToken;
this.form.sBrand = this.getBrand.brandname || '奥迪';
this.getData1();
this.getData2();
},
methods: {
handlerChange(n) {
this.type = n;
this.getData1();
this.getData2();
},
getData1(){
this.load = true;
let obj = Object.assign({}, this.getCtime2, this.form);
getPositive(obj).then(res => {
let data = res.data;
this.opt = createWordCloud(data);
this.load = false;
});
},
getData2(){
this.load = true;
let obj = Object.assign({}, this.getCtime2, this.form);
getNegative(obj).then(res => {
let data = res.data;
this.opt = createWordCloud(data);
this.load = false;
})
},
},
} }
</script> </script>

302
src/views/TailInsightDetails/popular-word-cloud/opt.js
Unescape View File

@ -1,136 +1,103 @@
/* /*
* @Author: your name * @Author: your name
* @Date: 2021-10-09 13:35:13 * @Date: 2021-10-21 11:36:36
* @LastEditTime: 2021-10-12 19:22:21 * @LastEditTime: 2021-10-29 21:30:46
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/Index/hotDiscussionGraph/opt.js * @FilePath: /data-show/src/utils/gol/bubbleWord.js
*/ */
// import * as echarts from "echarts"; import {compare} from "./dataTool"
const dataBJ = [ // 将后台数据转成数组
[1, 55, 9, 56, 0.46, 18, 6, '良'], function doWordCloud(data) {
[2, 25, 11, 21, 0.65, 34, 9, '优'], let arr1 = [];
[3, 56, 7, 63, 0.3, 14, 5, '良'], for (let key in data) {
[4, 33, 7, 29, 0.33, 16, 6, '优'], let obj = { name: key, value: data[key] };
[5, 42, 24, 44, 0.76, 40, 16, '优'], arr1.push(obj);
[6, 82, 58, 90, 1.77, 68, 33, '良'], }
[7, 74, 49, 77, 1.46, 48, 27, '良'], return arr1;
[8, 78, 55, 80, 1.29, 59, 29, '良'], }
[9, 267, 216, 280, 4.8, 108, 64, '重度污染'], // 创建词云的对象
// [10, 185, 127, 216, 2.52, 61, 27, '中度污染'], function bubbleChart(data = [], format = []) {
// [11, 39, 19, 38, 0.57, 31, 15, '优'], let [maxValue, temp] = [0, []];
// [12, 41, 11, 40, 0.43, 21, 7, '优'], data.forEach((item) => {
// [13, 64, 38, 74, 1.04, 46, 22, '良'], temp.push(item[format[1]]);
// [14, 108, 79, 120, 1.7, 75, 41, '轻度污染'], });
// [15, 108, 63, 116, 1.48, 44, 26, '轻度污染'], maxValue = Math.max.apply(null, temp);
// [16, 33, 6, 29, 0.34, 13, 5, '优'], // 气泡颜色数组
// [17, 94, 66, 110, 1.54, 62, 31, '良'], let color = [
// [18, 186, 142, 192, 3.88, 93, 79, '中度污染'], "#FFB600",
// [19, 57, 31, 54, 0.96, 32, 14, '良'], "#886CFF",
// [20, 22, 8, 17, 0.48, 23, 10, '优'], "#0084FF",
// [21, 39, 15, 36, 0.61, 29, 13, '优'], "#4CB690",
// [22, 94, 69, 114, 2.08, 73, 39, '良'], "#58B458",
// [23, 99, 73, 110, 2.43, 76, 48, '良'], "#6C6C6C",
// [24, 31, 12, 30, 0.5, 32, 16, '优'], "#F56161",
// [25, 42, 27, 43, 1, 53, 22, '优'], "#FC754C",
// [26, 154, 117, 157, 3.05, 92, 58, '中度污染'], "#5F5EEC",
// [27, 234, 185, 230, 4.09, 123, 69, '重度污染'], ];
// [28, 160, 120, 186, 2.77, 91, 50, '中度污染'], // 气泡颜色备份
// [29, 134, 96, 165, 2.76, 83, 41, '轻度污染'], let bakeColor = [...color];
// [30, 52, 24, 60, 1.03, 50, 21, '良'], // 气泡数据
// [31, 46, 5, 49, 0.28, 10, 6, '优'] let bubbleData = [];
]; // 气泡基础大小
const dataGZ = [ let basicSize = 30;
[1, 26, 37, 27, 1.163, 27, 13, '优'], // 节点之间的斥力因子,值越大,气泡间距越大
[2, 85, 62, 71, 1.195, 60, 8, '良'], let repulsion = 380;
[3, 78, 38, 74, 1.363, 37, 7, '良'], // 根据气泡数量配置基础大小和斥力因子（以实际情况进行适当调整，使气泡合理分布）
[4, 21, 21, 36, 0.634, 40, 9, '优'], if (data.length >= 5 && data.length < 10) {
[5, 41, 42, 46, 0.915, 81, 13, '优'], basicSize = 30;
// [6, 56, 52, 69, 1.067, 92, 16, '良'], repulsion = 230;
// [7, 64, 30, 28, 0.924, 51, 2, '良'], }
// [8, 55, 48, 74, 1.236, 75, 26, '良'], if (data.length >= 10 && data.length < 20) {
// [9, 76, 85, 113, 1.237, 114, 27, '良'], basicSize = 40;
// [10, 91, 81, 104, 1.041, 56, 40, '良'], repulsion = 150;
// [11, 84, 39, 60, 0.964, 25, 11, '良'], } else if (data.length >= 20) {
// [12, 64, 51, 101, 0.862, 58, 23, '良'], basicSize = 50;
// [13, 70, 69, 120, 1.198, 65, 36, '良'], repulsion = 65;
// [14, 77, 105, 178, 2.549, 64, 16, '良'], }
// [15, 109, 68, 87, 0.996, 74, 29, '轻度污染'], // 填充气泡数据数组bubbleData
// [16, 73, 68, 97, 0.905, 51, 34, '良'], for (let item of data) {
// [17, 54, 27, 47, 0.592, 53, 12, '良'], // 确保气泡数据条数少于或等于气泡颜色数组大小时，气泡颜色不重复
// [18, 51, 61, 97, 0.811, 65, 19, '良'], if (!bakeColor.length) bakeColor = [...color];
// [19, 91, 71, 121, 1.374, 43, 18, '良'], let colorSet = new Set(bakeColor);
// [20, 73, 102, 182, 2.787, 44, 19, '良'], let curIndex = Math.round(Math.random() * (colorSet.size - 1));
// [21, 73, 50, 76, 0.717, 31, 20, '良'], let curColor = bakeColor[curIndex];
// [22, 84, 94, 140, 2.238, 68, 18, '良'], colorSet.delete(curColor);
// [23, 93, 77, 104, 1.165, 53, 7, '良'], bakeColor = [...colorSet];
// [24, 99, 130, 227, 3.97, 55, 15, '良'], // 气泡大小设置
// [25, 146, 84, 139, 1.094, 40, 17, '轻度污染'], let size = (item[format[1]] * basicSize * 2) / maxValue;
// [26, 113, 108, 137, 1.481, 48, 15, '轻度污染'], if (size < basicSize) size = basicSize;
// [27, 81, 48, 62, 1.619, 26, 3, '良'],
// [28, 56, 48, 68, 1.336, 37, 9, '良'], bubbleData.push({
// [29, 82, 92, 174, 3.29, 0, 13, '良'], name: item[format[0]],
// [30, 106, 116, 188, 3.628, 101, 16, '轻度污染'], value: item[format[1]],
// [31, 118, 50, 0, 1.383, 76, 11, '轻度污染'] symbolSize: size,
]; draggable: true,
const dataSH = [ itemStyle: {
[1, 91, 45, 125, 0.82, 34, 23, '良'], normal: {
[2, 65, 27, 78, 0.86, 45, 29, '良'], color: curColor,
[3, 83, 60, 84, 1.09, 73, 27, '良'], opacity: 0.8,
[4, 109, 81, 121, 1.28, 68, 51, '轻度污染'], shadowBlur: 10,
[5, 106, 77, 114, 1.07, 55, 51, '轻度污染'], shadowOffsetX: 0,
// [6, 109, 81, 121, 1.28, 68, 51, '轻度污染'], shadowOffsetY: 0,
// [7, 106, 77, 114, 1.07, 55, 51, '轻度污染'], shadowColor: "rgba(0,0,0,0.3)",
// [8, 89, 65, 78, 0.86, 51, 26, '良'], },
// [9, 53, 33, 47, 0.64, 50, 17, '良'], },
// [10, 80, 55, 80, 1.01, 75, 24, '良'], });
// [11, 117, 81, 124, 1.03, 45, 24, '轻度污染'], }
// [12, 99, 71, 142, 1.1, 62, 42, '良'],
// [13, 95, 69, 130, 1.28, 74, 50, '良'],
// [14, 116, 87, 131, 1.47, 84, 40, '轻度污染'],
// [15, 108, 80, 121, 1.3, 85, 37, '轻度污染'],
// [16, 134, 83, 167, 1.16, 57, 43, '轻度污染'],
// [17, 79, 43, 107, 1.05, 59, 37, '良'],
// [18, 71, 46, 89, 0.86, 64, 25, '良'],
// [19, 97, 71, 113, 1.17, 88, 31, '良'],
// [20, 84, 57, 91, 0.85, 55, 31, '良'],
// [21, 87, 63, 101, 0.9, 56, 41, '良'],
// [22, 104, 77, 119, 1.09, 73, 48, '轻度污染'],
// [23, 87, 62, 100, 1, 72, 28, '良'],
// [24, 168, 128, 172, 1.49, 97, 56, '中度污染'],
// [25, 65, 45, 51, 0.74, 39, 17, '良'],
// [26, 39, 24, 38, 0.61, 47, 17, '优'],
// [27, 39, 24, 39, 0.59, 50, 19, '优'],
// [28, 93, 68, 96, 1.05, 79, 29, '良'],
// [29, 188, 143, 197, 1.66, 99, 51, '中度污染'],
// [30, 174, 131, 174, 1.55, 108, 50, '中度污染'],
// [31, 187, 143, 201, 1.39, 89, 53, '中度污染']
];
// const schema = [
// { name: 'date', index: 0, text: '日' },
// { name: 'AQIindex', index: 1, text: 'AQI指数' },
// { name: 'PM25', index: 2, text: 'PM2.5' },
// { name: 'PM10', index: 3, text: 'PM10' },
// { name: 'CO', index: 4, text: '一氧化碳（CO）' },
// { name: 'NO2', index: 5, text: '二氧化氮（NO2）' },
// { name: 'SO2', index: 6, text: '二氧化硫（SO2）' }
// ];
const itemStyle = {
opacity: 0.8,
shadowBlur: 10,
shadowOffsetX: 0,
shadowOffsetY: 0,
shadowColor: 'rgba(0,0,0,0.3)'
};
export default function createOpt() {
return { return {
grid: { bubbleData,
top: "16px", repulsion,
left: "16px", };
right: "16px", }
bottom: "16px",
containLabel: true, // 创建词云图
}, export default function createWordCloud(obj) {
let words = doWordCloud(obj);
words.sort(compare('value'));
let bubble = bubbleChart(words, ['name', 'value']);
return {
animationEasingUpdate: 'bounceIn',
tooltip: { tooltip: {
backgroundColor: "#08182F", backgroundColor: "#08182F",
color: "#fff", color: "#fff",
@ -140,76 +107,27 @@ export default function createOpt() {
}, },
extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;", extraCssText: "box-shadow: 0px 0px 10px 0px #3373CC;",
formatter: function(param) { formatter: function(param) {
let value = param.value; let data = param.data;
return `<span>${value[value.length - 1]}</span><br><span>${value[0]}</span>` return `<span>${data.name}</span><br><span>${data.value}</span>`
}
},
xAxis: {
show: false,
type: 'value',
splitLine: {
lineStyle: {
type: 'dashed'
}
} }
}, },
yAxis: {
show: false,
type: 'value',
splitLine: {
lineStyle: {
type: 'dashed'
}
},
scale: true
},
series: [{ series: [{
name: '北京', type: 'graph',
data: dataBJ, layout: 'force',
type: 'scatter',
symbolSize: function (data) {
return data[2]
},
label: {
show: true,
color: "#FFF",
formatter: function (param) {
return param.data[param.data.length - 1];
},
},
itemStyle: itemStyle
}, {
name: '上海',
data: dataSH,
type: 'scatter',
symbolSize: function (data) {
return data[2]
},
label: { label: {
show: true, show:true,
color: "#FFF", color:"#FFF",
formatter: function (param) { fontSize:12,
return param.data[param.data.length - 1];
},
},
itemStyle: itemStyle
},
{
name: '广州',
data: dataGZ,
type: 'scatter',
symbolSize: function (data) {
return data[2]
}, },
label: { force: {
show: true, gravity:0.2,
color: "#FFF", repulsion: bubble.repulsion,
formatter: function (param) { edgeLength: 10
return param.data[param.data.length - 1];
},
}, },
itemStyle: itemStyle // 是否开启鼠标缩放和平移漫游
} roam: true,
] data: bubble.bubbleData
}]
} }
} }

158
src/views/TailInsightDetails/rearWingInformationList/index.vue
Unescape View File

@ -1,7 +1,7 @@
<!-- <!--
* @Author: your name * @Author: your name
* @Date: 2021-10-13 18:14:01 * @Date: 2021-10-13 18:14:01
* @LastEditTime: 2021-11-08 16:09:12 * @LastEditTime: 2021-11-08 16:50:27
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @FilePath: /data-show/src/views/TailInsightDetails/rearWingInformationList/index.vue * @FilePath: /data-show/src/views/TailInsightDetails/rearWingInformationList/index.vue
@ -11,8 +11,8 @@
<v-label-div title="尾翼信息列表"></v-label-div> <v-label-div title="尾翼信息列表"></v-label-div>
<div class="rwl-inner"> <div class="rwl-inner">
<a-form layout="inline" :form="form"> <a-form layout="inline" :form="form">
<a-form-item label="来源选择"> <!-- <a-form-item label="来源选择">
<a-select v-model="form.s1" style="width: 240px"> <a-select v-model="form.sSource" style="width: 240px">
<a-select-option value="jack"> <a-select-option value="jack">
Jack Jack
</a-select-option> </a-select-option>
@ -23,23 +23,17 @@
yiminghe yiminghe
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item> -->
<a-form-item label="车型"> <a-form-item label="车型">
<a-select v-model="form.s2" style="width: 240px"> <a-select v-model="form.sSeriesName" style="width: 240px" @change="handlerChangeModel">
<a-select-option value="jack"> <a-select-option :value="item.name" v-for="(item,index) in models" :key="index">
Jack {{item.name}}
</a-select-option>
<a-select-option value="lucy">
Lucy
</a-select-option>
<a-select-option value="Yiminghe">
yiminghe
</a-select-option> </a-select-option>
</a-select> </a-select>
</a-form-item> </a-form-item>
</a-form> </a-form>
<div class="rwl-tb"> <div class="rwl-tb">
<v-table :columns="columns" :data="tdata" :pagination="pagination"></v-table> <v-table :columns="columns" :data="tdata" :pagination="pagination" @change="handlerPage"></v-table>
</div> </div>
</div> </div>
</div> </div>
@ -47,77 +41,131 @@
<script> <script>
import { getUserSeriesName } from "@/api/comm"; import { getUserSeriesName } from "@/api/comm";
import { getList0528 } from "@/api/TailInsightdetails";
export default { export default {
name: "rearWingInformationList", name: "rearWingInformationList",
data() { data() {
return { return {
load: false,
form: { form: {
s1: "", sSource: "",
s2: "", token: "",
sBrand: "",
iPageIndex: 1,
iPageSize: 20,
sSeriesName: "",
}, },
pagination: { pagination: {
"show-total": total => `共 ${total} 条` current: 1,
pageSize: 20,
total: 0,
"show-total": (total) => `共 ${total} 条`,
}, },
models: [],
columns: [ columns: [
{ {
title: "新闻标题", title: "新闻标题",
key: "name", key: "title",
dataIndex: "name", dataIndex: "title",
}, },
{ {
title: "来源", title: "来源",
key: "a", key: "source",
dataIndex: "a", dataIndex: "source",
width: 120 width: 120,
}, },
{ {
title: "作者", title: "作者",
key: "b", key: "user_author",
dataIndex: "b", dataIndex: "user_author",
width: 200 width: 200,
}, },
{ {
title: "发布时间", title: "发布时间",
key: "c", key: "sourcetime",
dataIndex: "c", dataIndex: "sourcetime",
width: 180 width: 180,
}, },
{ {
title: "调性", title: "调性",
key: "d", key: "affectionstr",
dataIndex: "d", dataIndex: "affectionstr",
width: 100 width: 100,
}, },
{ {
title: "车型", title: "车型",
key: "e", key: "modelName",
dataIndex: "e", dataIndex: "modelName",
width: 100 width: 100,
}, },
], ],
tdata: [ tdata: [],
{
name: '为了研究长城吉利谁更强，我们砸了台吉利，',
a: '微博',
b: '车二哥说车',
c: '2021-08-18 12:00:00',
d: '正面',
e: 'A4'
}
]
}; };
}, },
created() {
this.form.token = this.getToken;
this.form.sBrand = this.getBrand.brandname || "奥迪";
this.getUserSeriesName(this.form.sBrand).then(() => {
this.getData();
});
},
methods: { methods: {
// 获取车型 // 获取车型
getUserSeriesName(brandName) { getUserSeriesName() {
this.form.token = this.getToken; return new Promise((resolve, reject) => {
this.form.sBrandName = brandName; let obj = {
getUserSeriesName(this.form).then((res) => { token: this.getToken,
sBrandName: this.form.sBrand,
};
getUserSeriesName(obj).then((res) => {
let data = res.data || [];
this.models = data;
if(this.models.length > 0) {
this.form.sSeriesName = this.models[0].name;
}
resolve(res)
}).catch(() => {
reject(false)
});
});
},
// 获取列表数据
getData() {
let obj = Object.assign({}, this.getCtime2, this.form);
getList0528(obj).then((res) => {
let data = res.data || []; let data = res.data || [];
this.model = data[0].name; let arr = [];
data.forEach((ele) => {
let o = { ...ele._source };
if (o.affections === 1) {
o.affectionstr = "正面";
} else if (o.affections === 2) {
o.affectionstr = "负面";
} else {
o.affectionstr = "中性";
}
o.modelName = this.form.sSeriesName;
arr.push(o);
});
this.tdata = arr;
let totalNum = res.totalNum || 0;
this.pagination.total = totalNum;
}); });
}, },
} handlerChangeModel() {
this.form.iPageIndex = 1;
this.pagination.current = 1;
this.getData();
},
// 改变页面的数据
handlerPage(p) {
let iPageIndex = p.current;
this.form.iPageIndex = iPageIndex;
this.pagination.current = iPageIndex;
this.getData();
},
},
}; };
</script> </script>

29
src/views/TailInsightDetails/rearWingPropagationSituation/index.vue
Unescape View File

@ -16,13 +16,40 @@
</template> </template>
<script> <script>
import {getWeiYiVolumeTime} from '@/api/TailInsightdetails'
import createOpt from "./opt" import createOpt from "./opt"
export default { export default {
name: "rearWingPropagationSituation", name: "rearWingPropagationSituation",
data() { data() {
return { return {
opt: createOpt() opt: {},
form: {
sBrand: "",
token: "",
}
} }
},
created() {
this.form.token = this.getToken;
this.form.sBrand = this.getBrand.brandname || '奥迪';
this.getDdta();
},
methods: {
getDdta(){
let obj = Object.assign({}, this.getCtime2, this.form);
getWeiYiVolumeTime(obj).then(res => {
let data = res.data || [];
let dx = [];
let ds = [];
data.forEach((ele) => {
let time = ele.Time;
let value = ele.value;
dx.push(time);
ds.push(value);
});
this.opt = createOpt(dx, ds);
})
},
} }
} }
</script> </script>

19
src/views/TailInsightDetails/rearWingPropagationSituation/opt.js
Unescape View File

@ -7,7 +7,8 @@
* @FilePath: /data-show/src/views/BrandInsight/weiboVolumeTrend/opt.js * @FilePath: /data-show/src/views/BrandInsight/weiboVolumeTrend/opt.js
*/ */
import * as echarts from "echarts"; import * as echarts from "echarts";
export default function createOpt() { import { bigNumberTransform } from "@/utils/gol/dataTool"
export default function createOpt(dx = [], ds = []) {
return { return {
grid: { grid: {
top: "16px", top: "16px",
@ -38,7 +39,13 @@ export default function createOpt() {
color: "#fff", color: "#fff",
}, },
}, },
data: ['00:00', '00:40', '00:80', '12:00', '16:00', '20:00', '24:00'] axisLabel: {
formatter: (value) => {
let str = value.substring(10, 16)
return str;
}
},
data: dx
}, },
yAxis: { yAxis: {
type: 'value', type: 'value',
@ -48,6 +55,12 @@ export default function createOpt() {
color: "#FFF", color: "#FFF",
}, },
}, },
axisLabel: {
formatter: (value) => {
let str = bigNumberTransform(value);
return str;
}
},
splitLine: { splitLine: {
lineStyle: { lineStyle: {
type: "dashed", // y轴分割线类型 type: "dashed", // y轴分割线类型
@ -57,7 +70,7 @@ export default function createOpt() {
}, },
series: [ series: [
{ {
data: [820, 932, 901, 934, 1290, 1330, 1320], data: ds,
type: 'line', type: 'line',
color: '#546fc5', color: '#546fc5',
areaStyle: {normal: { areaStyle: {normal: {

52
src/views/TailInsightDetails/theOverallToneOfTheTail/index.vue
Unescape View File

@ -10,47 +10,45 @@
<div class="tot-outter"> <div class="tot-outter">
<v-label-div title="尾翼整体调性"></v-label-div> <v-label-div title="尾翼整体调性"></v-label-div>
<div class="tot-inner"> <div class="tot-inner">
<v-echarts :opt="opt" @echarsUpdate="echarsFun"></v-echarts> <v-echarts :opt="opt"></v-echarts>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import {getAffections} from '@/api/TailInsightdetails'
import createOpt from "./opt" import createOpt from "./opt"
export default { export default {
name: "theOverallToneOfTheTail", name: "theOverallToneOfTheTail",
data() { data() {
return { return {
opt: createOpt() opt: {},
form: {
sBrand: "",
token: "",
},
} }
}, },
created() {
this.form.token = this.getToken;
this.form.sBrand = this.getBrand.brandname || '奥迪';
this.getDdta();
},
methods: { methods: {
echarsFun(myChart) { getDdta(){
let index = 0; let obj = Object.assign({}, this.getCtime2, this.form);
myChart.dispatchAction({ getAffections(obj).then(res => {
type: "highlight", let data = res.data || {};
seriesIndex: 0, let arr = [];
dataIndex: 0, for(let key in data) {
}); let obj = {
myChart.on("mouseover", function (e) { key: key,
if (e.dataIndex != index) { value: data[key]
myChart.dispatchAction({ }
type: "downplay", arr.push(obj)
seriesIndex: 0,
dataIndex: index,
});
} }
}); this.opt = createOpt(arr);
})
myChart.on("mouseout", function (e) {
index = e.dataIndex;
myChart.dispatchAction({
type: "highlight",
seriesIndex: 0,
dataIndex: e.dataIndex,
});
});
}, },
} }
} }

107
src/views/TailInsightDetails/theOverallToneOfTheTail/opt.js
Unescape View File

@ -1,11 +1,3 @@
/*
* @Author: your name
* @Date: 2021-10-13 17:48:55
* @LastEditTime: 2021-10-13 17:50:56
* @LastEditors: Please set LastEditors
* @Description: In User Settings Edit
* @FilePath: /data-show/src/views/TailInsightDetails/theOverallToneOfTheTail/opt.js
*/
/* /*
* @Author: your name * @Author: your name
* @Date: 2021-10-12 14:33:51 * @Date: 2021-10-12 14:33:51
@ -15,7 +7,30 @@
* @FilePath: /data-show/src/views/BrandInsight/weiboKol/opt.js * @FilePath: /data-show/src/views/BrandInsight/weiboKol/opt.js
*/ */
import * as echarts from "echarts"; import * as echarts from "echarts";
export default function createOpt() { let colors = ['#3373CC', '#CC9D12', '#54BF93', 'rgba(99,173,204,1)', 'rgba(55,113,190,1)', "rgba(138,191,66,1)", 'rgba(181,191,67,1)', 'rgba(203,91,65,1)']
function createData(ds=[]) {
let arr = [];
for(let i = 0; i < ds.length; i++) {
let ele = ds[i];
if(ele.value*1 > 0) {
let obj = { value: ele.value*1, 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[i]
}])
}};
arr.push(obj)
}
}
return arr;
}
export default function createOpt(ds = []) {
const data = createData(ds, colors)
return { return {
legend: { legend: {
y: 10, y: 10,
@ -23,8 +38,7 @@ export default function createOpt() {
icon: 'roundRect', icon: 'roundRect',
textStyle: { //图例文字的样式 textStyle: { //图例文字的样式
color: '#fff' color: '#fff'
}, }
data: ["正面","中性","负面"]
}, },
series: [ series: [
{ {
@ -34,50 +48,23 @@ export default function createOpt() {
avoidLabelOverlap: false, avoidLabelOverlap: false,
label: { label: {
show: false, show: false,
position: 'center' position: 'center',
lineHeight: 30
}, },
emphasis: { emphasis: {
label: { label: {
show: true, show: true,
fontSize: '40', fontSize: '20',
color: "#ffff", color: "#ffff",
formatter: (p)=>{ formatter: function (p) {
return p.data.name + '\n' + p.data.value; return `${p.data.name}\n${p.percent}%\n${p.data.value}`
}, }
} }
}, },
labelLine: { labelLine: {
show: false show: false
}, },
data: [ data: 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: 2000, name: '中性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
//给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
//给第一个设置0，第四个设置1，就是垂直渐变
offset: 0,
color: 'black'
}, {
offset: 1,
color: '#518ea9'
}])} },
{ 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'
}])} },
],
}, },
{ {
@ -93,35 +80,7 @@ export default function createOpt() {
show: false show: false
}, },
center: ['50%', '50%'],//边框位置 center: ['50%', '50%'],//边框位置
data: [ data: 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: 2000, name: '中性', itemStyle: {color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
//给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
//给第一个设置0，第四个设置1，就是垂直渐变
offset: 0,
color: 'black'
}, {
offset: 1,
color: '#518ea9'
}])} },
{ 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'
}])} }
],
} }
] ]

18
src/views/WeiboDetails/weiboSpreadFission/index.vue
Unescape View File

@ -17,23 +17,31 @@
</template> </template>
<script> <script>
import {getGraphData} from "@/api/getEchars" import {getGraphData} from "@/api/getEchars";
//import {getDiffuseZhuTi} from "@/api/WeiboDetails";
import createOpt from "./opt" import createOpt from "./opt"
export default { export default {
name: "weiboSpreadFission", name: "weiboSpreadFission",
data() { data() {
return { return {
opt: {} opt: {},
form: {
token:"",
sBrand:""
}
} }
}, },
created() { created() {
this.drawGraph() this.form.token = this.getToken;
this.form.sBrand = this.getBrand.brandname || this.brand;
this.drawGraph();
}, },
methods: { methods: {
drawGraph() { drawGraph() {
getGraphData().then(res => { let obj = Object.assign({}, this.getCtime2, this.form);
getGraphData(obj).then(res => {
this.opt = createOpt(res.data) this.opt = createOpt(res.data)
}) });
} }
} }

2
src/views/WeiboDetails/weiboTonalDistribution/index.vue
Unescape View File

@ -34,7 +34,7 @@ export default {
bigV:{positive:0.1,negative:0.1,show:"个人大V"}, bigV:{positive:0.1,negative:0.1,show:"个人大V"},
media:{positive:0.1,negative:0.1,show:"媒体"}, media:{positive:0.1,negative:0.1,show:"媒体"},
enterprice:{positive:0.1,negative:0.1,show:"企业"}, enterprice:{positive:0.1,negative:0.1,show:"企业"},
goverment:{positive:0.1,negative:0.1,show:"企业"}, goverment:{positive:0.1,negative:0.1,show:"政府"},
famousPerson:{positive:0.1,negative:0.1,show:"名人"}, famousPerson:{positive:0.1,negative:0.1,show:"名人"},
uncertified:{positive:0.1,negative:0.1,show:"未认证"}, uncertified:{positive:0.1,negative:0.1,show:"未认证"},
certified:{positive:0.1,negative:0.1,show:"已认证"} certified:{positive:0.1,negative:0.1,show:"已认证"}

22
src/views/WeiboDetails/weiboWordCloud/index.vue
Unescape View File

@ -49,11 +49,11 @@ export default {
methods: { methods: {
getData() { getData() {
this.load = true; this.load = true;
Promise.all([this.getH(),this.getF()]).then(() => { Promise.all([this.getH(), this.getF()]).then(() => {
// 什么也不执行 // 什么也不执行
this.handlerTab(0) this.handlerTab(0);
this.load = false; this.load = false;
}) });
}, },
// 正面 // 正面
getH() { getH() {
@ -73,12 +73,14 @@ export default {
getF() { getF() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
let obj = Object.assign({}, this.getCtime2, this.form); let obj = Object.assign({}, this.getCtime2, this.form);
getNegative(obj).then((res) => { getNegative(obj)
this.negativeData = res.data || {}; .then((res) => {
resolve(res) this.negativeData = res.data || {};
}).catch(() => { resolve(res);
})
.catch(() => {
reject(false); reject(false);
}); });
}); });
}, },
// 切换数据 // 切换数据

Write Preview
Loading…
Cancel
Save