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

zx

Browse Source
prod
张雄 3 years ago
parent 38b3943378
commit 2bab3eeae6
20 changed files with 176 additions and 161 deletions
Show Stats Download Patch File Download Diff File

12
src/lycomponents/iHeader/index.vue
Unescape View File

@ -57,6 +57,7 @@
</a-menu-item> </a-menu-item>
</a-menu> </a-menu>
</a-dropdown> </a-dropdown>
<a @click="goLogin" class="s4" v-if="!this.getToken">登录</a>
</div> </div>
</div> </div>
</template> </template>
@ -111,8 +112,13 @@ export default {
this.setHeaderType(1); this.setHeaderType(1);
this.$router.push("/index"); this.$router.push("/index");
}, },
goLogin() {
this.setHeaderType(1);
this.$router.push("/login");
},
handleChange(val) { handleChange(val) {
this.setCommTime({ sTimeType: val }); this.setCommTime({ sTimeType: val });
this.setCtime2({ sTimeType: val }); //子页面同步时间
this.reload(); this.reload();
}, },
// 点击个人中心 // 点击个人中心
@ -220,6 +226,12 @@ export default {
color: #ffffff; color: #ffffff;
margin-left: 8px; margin-left: 8px;
} }
.s4 {
display: inline-block;
font-size: 16px;
color: #ffffff;
margin-right: 8px;
}
.m1 { .m1 {
display: inline-block; display: inline-block;
margin-left: 60px; margin-left: 60px;

1
src/lycomponents/iHeaderBrand/index.vue
Unescape View File

@ -141,6 +141,7 @@ export default {
if (this.form.sTimeType != 4) { if (this.form.sTimeType != 4) {
this.form.sStartTime = ""; this.form.sStartTime = "";
this.form.sEndTime = ""; this.form.sEndTime = "";
this.setCommTime({sTimeType: this.form.sTimeType});
this.selTime = null; this.selTime = null;
this.reload(); this.reload();
} }

8
src/views/BrandComparison/BrandComparison.vue
Unescape View File

@ -101,8 +101,8 @@
<div class="bc-d6-dd1"> <div class="bc-d6-dd1">
<brandRearWingComparison v-if="!$slots['skeleton']"></brandRearWingComparison> <brandRearWingComparison v-if="!$slots['skeleton']"></brandRearWingComparison>
<brandRearWingComparisonStoken slot="skeleton" v-else></brandRearWingComparisonStoken> <brandRearWingComparisonStoken slot="skeleton" v-else></brandRearWingComparisonStoken>
<informationVolumeByChannel v-if="!$slots['skeleton']"></informationVolumeByChannel> <!-- <informationVolumeByChannel v-if="!$slots['skeleton']"></informationVolumeByChannel>
<informationVolumeByChannelStoken slot="skeleton" v-else></informationVolumeByChannelStoken> <informationVolumeByChannelStoken slot="skeleton" v-else></informationVolumeByChannelStoken> -->
</div> </div>
<tailTOPMedia v-if="!$slots['skeleton']"></tailTOPMedia> <tailTOPMedia v-if="!$slots['skeleton']"></tailTOPMedia>
<tailTOPMediaStoken slot="skeleton" v-else></tailTOPMediaStoken> <tailTOPMediaStoken slot="skeleton" v-else></tailTOPMediaStoken>
@ -161,8 +161,8 @@ export default {
comparisonOfNegativeTopicsInForumsStoken: (resolve) => require(['./comparisonOfNegativeTopicsInForumsStoken'], resolve), // 论坛负面话题对比 comparisonOfNegativeTopicsInForumsStoken: (resolve) => require(['./comparisonOfNegativeTopicsInForumsStoken'], resolve), // 论坛负面话题对比
brandRearWingComparison: (resolve) => require(['./brandRearWingComparison'], resolve), // 尾翼趋势对比 brandRearWingComparison: (resolve) => require(['./brandRearWingComparison'], resolve), // 尾翼趋势对比
brandRearWingComparisonStoken: (resolve) => require(['./brandRearWingComparisonStoken'], resolve), // 尾翼趋势对比 brandRearWingComparisonStoken: (resolve) => require(['./brandRearWingComparisonStoken'], resolve), // 尾翼趋势对比
informationVolumeByChannel: (resolve) => require(['./informationVolumeByChannel'], resolve), // 分渠道信息量 // informationVolumeByChannel: (resolve) => require(['./informationVolumeByChannel'], resolve), // 分渠道信息量
informationVolumeByChannelStoken: (resolve) => require(['./informationVolumeByChannelStoken'], resolve), // 分渠道信息量 // informationVolumeByChannelStoken: (resolve) => require(['./informationVolumeByChannelStoken'], resolve), // 分渠道信息量
tailTOPMedia: (resolve) => require(['./tailTOPMedia'], resolve), // 尾翼TOP媒体 tailTOPMedia: (resolve) => require(['./tailTOPMedia'], resolve), // 尾翼TOP媒体
tailTOPMediaStoken: (resolve) => require(['./tailTOPMediaStoken'], resolve), // 尾翼TOP媒体 tailTOPMediaStoken: (resolve) => require(['./tailTOPMediaStoken'], resolve), // 尾翼TOP媒体
brandCompateHeader: (resolve) => require(['./brandCompateHeader'], resolve), // 选择品牌 brandCompateHeader: (resolve) => require(['./brandCompateHeader'], resolve), // 选择品牌

2
src/views/BrandComparison/brandRearWingComparison/index.vue
Unescape View File

@ -69,7 +69,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.brw-outter { .brw-outter {
width: 944px; width: 1880px;
height: 412px; height: 412px;
.brw-inner { .brw-inner {
width: 100%; width: 100%;

2
src/views/BrandComparison/brandRearWingComparison/opt.js
Unescape View File

@ -42,7 +42,7 @@ export default function createOpt(dx = [], ds = []) {
return { return {
grid: { grid: {
left: 10, left: 10,
right: '5%', right: '1.75%',
bottom: 10, bottom: 10,
top: 52, top: 52,
containLabel: true containLabel: true

6
src/views/EventComparison/EventComparison.vue
Unescape View File

@ -43,7 +43,7 @@
</v-label-div> </v-label-div>
<div class="dd1"> <div class="dd1">
<tirEc></tirEc> <tirEc></tirEc>
<inbcEc></inbcEc> <!-- <inbcEc></inbcEc> -->
</div> </div>
<ttmEc></ttmEc> <ttmEc></ttmEc>
</div> </div>
@ -66,7 +66,7 @@ import wtcEc from "./wtcEc";
import uadEc from "./uadEc"; import uadEc from "./uadEc";
import wupEc from "./wupEc"; import wupEc from "./wupEc";
import tirEc from "./tirEc"; import tirEc from "./tirEc";
import inbcEc from "./inbcEc" // import inbcEc from "./inbcEc"
import ttmEc from "./ttmEc" import ttmEc from "./ttmEc"
export default { export default {
name: "EventC", name: "EventC",
@ -85,7 +85,7 @@ export default {
uadEc, // 用户区域分布 uadEc, // 用户区域分布
wupEc, // 微博用户画像 wupEc, // 微博用户画像
tirEc, // 尾翼信息趋势 tirEc, // 尾翼信息趋势
inbcEc, // 分渠道信息量 // inbcEc, // 分渠道信息量
ttmEc // 尾翼TOP媒体 ttmEc // 尾翼TOP媒体
}, },
data() { data() {

2
src/views/EventComparison/tirEc/index.vue
Unescape View File

@ -71,7 +71,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.te-outter { .te-outter {
width: 944px; width: 1880px;
height: 412px; height: 412px;
.te-inner { .te-inner {
width: 100%; width: 100%;

2
src/views/EventComparison/tirEc/opt.js
Unescape View File

@ -44,7 +44,7 @@ export default function createOpt(dx = [], ds = []) {
return { return {
grid: { grid: {
left: 10, left: 10,
right: '5%', right: '1.75%',
bottom: 10, bottom: 10,
top: 52, top: 52,
containLabel: true containLabel: true

4
src/views/Index/dynamicNumber/index.vue
Unescape View File

@ -96,7 +96,7 @@ export default {
getData(n) { getData(n) {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
let obj = Object.assign({}, this.getCommTime, { iStatus: n }); let obj = Object.assign({}, this.getCommTime, { iStatus: n });
getHomeCount0528(obj).then((res) => { if(this.getHeaderType == 1) {getHomeCount0528(obj).then((res) => {
let data = res.data; let data = res.data;
this.form.total = data.count; this.form.total = data.count;
let sourcetypeCount = data.sourcetypeCount; let sourcetypeCount = data.sourcetypeCount;
@ -120,7 +120,7 @@ export default {
resolve(res) resolve(res)
}).catch(() => { }).catch(() => {
reject(false) reject(false)
}); });}
}); });
}, },
// // 点击中间的全网数据显示 // // 点击中间的全网数据显示

1
src/views/MarketingAnalysis/brandSalesRankingTOP10Ranking/index.vue
Unescape View File

@ -56,6 +56,7 @@ export default {
clickEchars(data) { clickEchars(data) {
let ele = data[0]; let ele = data[0];
let brand = ele.axisValueLabel; let brand = ele.axisValueLabel;
this.setHeaderType(3);
this.setBrand({brandname: brand}); this.setBrand({brandname: brand});
this.$router.push("/brandInsight"); this.$router.push("/brandInsight");
} }

1
src/views/MarketingAnalysis/brandVolumeTOP10/index.vue
Unescape View File

@ -60,6 +60,7 @@ export default {
clickEchars(data) { clickEchars(data) {
let ele = data[0]; let ele = data[0];
let brand = ele.axisValueLabel; let brand = ele.axisValueLabel;
this.setHeaderType(3);
this.setBrand({brandname: brand}); this.setBrand({brandname: brand});
this.$router.push("/brandInsight"); this.$router.push("/brandInsight");
} }

12
src/views/ModelComparison/BrandComparison.vue
Unescape View File

@ -82,8 +82,8 @@
<div class="bc-d6-dd1"> <div class="bc-d6-dd1">
<brandRearWingComparison v-if="!$slots['skeleton']"></brandRearWingComparison> <brandRearWingComparison v-if="!$slots['skeleton']"></brandRearWingComparison>
<brandRearWingComparisonStoken slot="skeleton" v-else></brandRearWingComparisonStoken> <brandRearWingComparisonStoken slot="skeleton" v-else></brandRearWingComparisonStoken>
<informationVolumeByChannel v-if="!$slots['skeleton']"></informationVolumeByChannel> <!-- <informationVolumeByChannel v-if="!$slots['skeleton']"></informationVolumeByChannel>
<informationVolumeByChannelStoken slot="skeleton" v-else></informationVolumeByChannelStoken> <informationVolumeByChannelStoken slot="skeleton" v-else></informationVolumeByChannelStoken> -->
</div> </div>
<tailTOPMedia v-if="!$slots['skeleton']"></tailTOPMedia> <tailTOPMedia v-if="!$slots['skeleton']"></tailTOPMedia>
<tailTOPMediaStoken slot="skeleton" v-else></tailTOPMediaStoken> <tailTOPMediaStoken slot="skeleton" v-else></tailTOPMediaStoken>
@ -116,7 +116,7 @@ import forumTonalComparison from "./forumTonalComparison"
import comparisonOfPositiveTopicsInTheForum from "./comparisonOfPositiveTopicsInTheForum" import comparisonOfPositiveTopicsInTheForum from "./comparisonOfPositiveTopicsInTheForum"
import comparisonOfNegativeTopicsInForums from "./comparisonOfNegativeTopicsInForums" import comparisonOfNegativeTopicsInForums from "./comparisonOfNegativeTopicsInForums"
import brandRearWingComparison from "./brandRearWingComparison" import brandRearWingComparison from "./brandRearWingComparison"
import informationVolumeByChannel from "./informationVolumeByChannel" // import informationVolumeByChannel from "./informationVolumeByChannel"
import tailTOPMedia from "./tailTOPMedia" import tailTOPMedia from "./tailTOPMedia"
import brandCompateHeader from "./brandCompateHeader" import brandCompateHeader from "./brandCompateHeader"
//骨架屏 //骨架屏
@ -142,7 +142,7 @@ import forumTonalComparisonStoken from "./forumTonalComparisonStoken"
import comparisonOfPositiveTopicsInTheForumStoken from "./comparisonOfPositiveTopicsInTheForumStoken" import comparisonOfPositiveTopicsInTheForumStoken from "./comparisonOfPositiveTopicsInTheForumStoken"
import comparisonOfNegativeTopicsInForumsStoken from "./comparisonOfNegativeTopicsInForumsStoken" import comparisonOfNegativeTopicsInForumsStoken from "./comparisonOfNegativeTopicsInForumsStoken"
import brandRearWingComparisonStoken from "./brandRearWingComparisonStoken" import brandRearWingComparisonStoken from "./brandRearWingComparisonStoken"
import informationVolumeByChannelStoken from "./informationVolumeByChannelStoken" // import informationVolumeByChannelStoken from "./informationVolumeByChannelStoken"
import tailTOPMediaStoken from "./tailTOPMediaStoken" import tailTOPMediaStoken from "./tailTOPMediaStoken"
import brandCompateHeaderStoken from "./brandCompateHeaderStoken" import brandCompateHeaderStoken from "./brandCompateHeaderStoken"
export default { export default {
@ -171,7 +171,7 @@ export default {
comparisonOfPositiveTopicsInTheForum, // 论坛正面话题对比 comparisonOfPositiveTopicsInTheForum, // 论坛正面话题对比
comparisonOfNegativeTopicsInForums, // 论坛负面话题对比 comparisonOfNegativeTopicsInForums, // 论坛负面话题对比
brandRearWingComparison, // 尾翼趋势对比 brandRearWingComparison, // 尾翼趋势对比
informationVolumeByChannel, // 分渠道信息量 // informationVolumeByChannel, // 分渠道信息量
tailTOPMedia, // 尾翼TOP媒体 tailTOPMedia, // 尾翼TOP媒体
brandCompateHeader, // 选择品牌 brandCompateHeader, // 选择品牌
//骨架屏 //骨架屏
@ -197,7 +197,7 @@ export default {
comparisonOfPositiveTopicsInTheForumStoken, // 论坛正面话题对比 comparisonOfPositiveTopicsInTheForumStoken, // 论坛正面话题对比
comparisonOfNegativeTopicsInForumsStoken, // 论坛负面话题对比 comparisonOfNegativeTopicsInForumsStoken, // 论坛负面话题对比
brandRearWingComparisonStoken, // 尾翼趋势对比 brandRearWingComparisonStoken, // 尾翼趋势对比
informationVolumeByChannelStoken, // 分渠道信息量 // informationVolumeByChannelStoken, // 分渠道信息量
tailTOPMediaStoken, // 尾翼TOP媒体 tailTOPMediaStoken, // 尾翼TOP媒体
brandCompateHeaderStoken, // 选择品牌 brandCompateHeaderStoken, // 选择品牌
}, },

2
src/views/ModelComparison/brandRearWingComparison/index.vue
Unescape View File

@ -72,7 +72,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.brw-outter { .brw-outter {
width: 944px; width: 1880px;
height: 412px; height: 412px;
.brw-inner { .brw-inner {
width: 100%; width: 100%;

2
src/views/ModelComparison/brandRearWingComparison/opt.js
Unescape View File

@ -40,7 +40,7 @@ export default function createOpt(dx = [], ds = []) {
return { return {
grid: { grid: {
left: 10, left: 10,
right: '5%', right: '1.75%',
bottom: 10, bottom: 10,
top: 52, top: 52,
containLabel: true containLabel: true

2
src/views/ModelTailDetails/MTDrearWingPropagationSituation/index.vue
Unescape View File

@ -61,7 +61,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.rwps-outter { .rwps-outter {
width: 460px; width: 936px;
height: 460px; height: 460px;
border: 2px solid #0F2A4D; border: 2px solid #0F2A4D;
.rwps-inner { .rwps-inner {

6
src/views/ModelTailDetails/index.vue
Unescape View File

@ -25,7 +25,7 @@
</div> </div>
<div class="tid-d2"> <div class="tid-d2">
<MTDrearWingPropagationSituation></MTDrearWingPropagationSituation> <MTDrearWingPropagationSituation></MTDrearWingPropagationSituation>
<MTDmediaDistribution></MTDmediaDistribution> <!-- <MTDmediaDistribution></MTDmediaDistribution> -->
<MTDtheOverallToneOfTheTail></MTDtheOverallToneOfTheTail> <MTDtheOverallToneOfTheTail></MTDtheOverallToneOfTheTail>
<mtdPopularWordCloud></mtdPopularWordCloud> <mtdPopularWordCloud></mtdPopularWordCloud>
</div> </div>
@ -36,7 +36,7 @@
<script> <script>
import MTDrearWingPropagationSituation from "./MTDrearWingPropagationSituation" import MTDrearWingPropagationSituation from "./MTDrearWingPropagationSituation"
import MTDmediaDistribution from "./MTDmediaDistribution" // import MTDmediaDistribution from "./MTDmediaDistribution"
import MTDtheOverallToneOfTheTail from "./MTDtheOverallToneOfTheTail" import MTDtheOverallToneOfTheTail from "./MTDtheOverallToneOfTheTail"
import mtdPopularWordCloud from "./mtd-popular-word-cloud" import mtdPopularWordCloud from "./mtd-popular-word-cloud"
import MTDrearWingInformationList from "./MTDrearWingInformationList" import MTDrearWingInformationList from "./MTDrearWingInformationList"
@ -45,7 +45,7 @@ export default {
name: "ModelTailDetails", name: "ModelTailDetails",
components: { components: {
MTDrearWingPropagationSituation, // 尾翼传播态势 MTDrearWingPropagationSituation, // 尾翼传播态势
MTDmediaDistribution, // 媒体分布 // MTDmediaDistribution, // 媒体分布
MTDtheOverallToneOfTheTail, // 尾翼整体调性 MTDtheOverallToneOfTheTail, // 尾翼整体调性
mtdPopularWordCloud, // 热门词云 mtdPopularWordCloud, // 热门词云
MTDrearWingInformationList // 尾翼信息列表 MTDrearWingInformationList // 尾翼信息列表

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

@ -24,7 +24,7 @@
</div> </div>
<div class="tid-d2"> <div class="tid-d2">
<rearWingPropagationSituation></rearWingPropagationSituation> <rearWingPropagationSituation></rearWingPropagationSituation>
<mediaDistribution></mediaDistribution> <!-- <mediaDistribution></mediaDistribution> -->
<theOverallToneOfTheTail></theOverallToneOfTheTail> <theOverallToneOfTheTail></theOverallToneOfTheTail>
<popular-word-cloud></popular-word-cloud> <popular-word-cloud></popular-word-cloud>
</div> </div>
@ -35,7 +35,7 @@
<script> <script>
import rearWingPropagationSituation from "./rearWingPropagationSituation" import rearWingPropagationSituation from "./rearWingPropagationSituation"
import mediaDistribution from "./mediaDistribution" // 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"
@ -44,7 +44,7 @@ export default {
name: "TailInsightDetails", name: "TailInsightDetails",
components: { components: {
rearWingPropagationSituation, // 尾翼传播态势 rearWingPropagationSituation, // 尾翼传播态势
mediaDistribution, // 媒体分布 // mediaDistribution, // 媒体分布
theOverallToneOfTheTail, // 尾翼整体调性 theOverallToneOfTheTail, // 尾翼整体调性
popularWordCloud, // 热门词云 popularWordCloud, // 热门词云
rearWingInformationList // 尾翼信息列表 rearWingInformationList // 尾翼信息列表

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

@ -16,60 +16,60 @@
</template> </template>
<script> <script>
import createOpt from "./opt"; // import createOpt from "./opt";
import {getSourcetype0528} from "@/api/TailInsightdetails" // import {getSourcetype0528} from "@/api/TailInsightdetails"
export default { // export default {
name: "mediaDistribution", // name: "mediaDistribution",
data() { // data() {
return { // return {
load: false, // load: false,
opt: {}, // opt: {},
form: { // form: {
sBrand: "", // sBrand: "",
token: "", // token: "",
}, // },
colors: [ // colors: [
"#54BF93", // "#54BF93",
"#3373CC", // "#3373CC",
"#CC9D12", // "#CC9D12",
"#f15c80", // "#f15c80",
"#e4d354", // "#e4d354",
"#8085e8", // "#8085e8",
"#8d4653", // "#8d4653",
"#91e8e1", // "#91e8e1",
"#f7a35c", // "#f7a35c",
"#90ed7d", // "#90ed7d",
"#54BF93", // "#54BF93",
"#3373CC", // "#3373CC",
"#CC9D12", // "#CC9D12",
"#f15c80", // "#f15c80",
"#e4d354", // "#e4d354",
"#8085e8", // "#8085e8",
"#8d4653", // "#8d4653",
"#91e8e1", // "#91e8e1",
"#f7a35c", // "#f7a35c",
"#90ed7d", // "#90ed7d",
], // ],
} // }
}, // },
created() { // created() {
this.form.token = this.getToken; // this.form.token = this.getToken;
this.form.sBrand = this.getBrand.brandname || '奥迪'; // this.form.sBrand = this.getBrand.brandname || '奥迪';
this.getDdta(); // this.getDdta();
}, // },
methods: { // methods: {
getDdta(){ // getDdta(){
let obj = Object.assign({}, this.getCtime2, this.form); // let obj = Object.assign({}, this.getCtime2, this.form);
this.load = true; // this.load = true;
getSourcetype0528(obj).then(res => { // getSourcetype0528(obj).then(res => {
let data = res.data || []; // let data = res.data || [];
this.labelData = data; // this.labelData = data;
this.opt = createOpt(data, this.colors); // this.opt = createOpt(data, this.colors);
this.load = false; // this.load = false;
}) // })
}, // },
}, // },
}; // };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>

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

@ -6,83 +6,83 @@
* @Description: In User Settings Edit * @Description: In User Settings Edit
* @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";
let colors = ['rgba(84,111,197,1)', 'rgba(145,203,116,1)', 'rgba(248,200,87,1)', 'rgba(237,101,101,1)', "rgba(114,191,222,1)", 'rgba(58,162,114,1)', 'rgba(251,131,81,1)'] // let colors = ['rgba(84,111,197,1)', 'rgba(145,203,116,1)', 'rgba(248,200,87,1)', 'rgba(237,101,101,1)', "rgba(114,191,222,1)", 'rgba(58,162,114,1)', 'rgba(251,131,81,1)']
function createData(ds=[]) { // function createData(ds=[]) {
let arr = []; // let arr = [];
for(let i = 0; i < ds.length; i++) { // for(let i = 0; i < ds.length; i++) {
let ele = ds[i]; // let ele = ds[i];
if(ele.value*1 > 0) { // if(ele.value*1 > 0) {
let obj = { value: ele.value*1, name: ele.key, itemStyle: { // let obj = { value: ele.value*1, name: ele.key, itemStyle: {
color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{ // color: new echarts.graphic.LinearGradient(0, 1, 1, 0, [{
//给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变 // //给颜色设置渐变色 前面4个参数，给第一个设置1，第四个设置0 ，就是水平渐变
//给第一个设置0，第四个设置1，就是垂直渐变 // //给第一个设置0，第四个设置1，就是垂直渐变
offset: 0, // offset: 0,
color: 'black' // color: 'black'
}, { // }, {
offset: 1, // offset: 1,
color: colors[i] // color: colors[i]
}]) // }])
}}; // }};
arr.push(obj) // arr.push(obj)
} // }
} // }
return arr; // return arr;
} // }
export default function createOpt(ds = []) { // export default function createOpt(ds = []) {
const data = createData(ds, colors) // const data = createData(ds, colors)
return { // return {
legend: { // legend: {
y: 10, // y: 10,
x: 10, // x: 10,
icon: 'roundRect', // icon: 'roundRect',
textStyle: { //图例文字的样式 // textStyle: { //图例文字的样式
color: '#fff' // color: '#fff'
} // }
}, // },
series: [ // series: [
{ // {
name: 'Access From0', // name: 'Access From0',
type: 'pie', // type: 'pie',
radius: ['55%', '68%'], // radius: ['55%', '68%'],
avoidLabelOverlap: false, // avoidLabelOverlap: false,
label: { // label: {
show: false, // show: false,
position: 'center', // position: 'center',
lineHeight: 30 // lineHeight: 30
}, // },
emphasis: { // emphasis: {
label: { // label: {
show: true, // show: true,
fontSize: '20', // fontSize: '20',
color: "#ffff", // color: "#ffff",
formatter: function (p) { // formatter: function (p) {
return `${p.data.name}\n${p.percent}%\n${p.data.value}` // return `${p.data.name}\n${p.percent}%\n${p.data.value}`
} // }
} // }
}, // },
labelLine: { // labelLine: {
show: false // show: false
}, // },
data: data, // data: data,
}, // },
{ // {
name: 'Access From1', // name: 'Access From1',
type: 'pie', // type: 'pie',
radius: ['70%', '74%'], // radius: ['70%', '74%'],
avoidLabelOverlap: false, // avoidLabelOverlap: false,
label: { // label: {
show: false, // show: false,
position: 'center' // position: 'center'
}, // },
labelLine: { // labelLine: {
show: false // show: false
}, // },
center: ['50%', '50%'],//边框位置 // center: ['50%', '50%'],//边框位置
data: data, // data: data,
} // }
] // ]
} // }
} // }

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

@ -59,7 +59,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.rwps-outter { .rwps-outter {
width: 460px; width: 936px;
height: 460px; height: 460px;
border: 2px solid #0F2A4D; border: 2px solid #0F2A4D;
.rwps-inner { .rwps-inner {

Write Preview
Loading…
Cancel
Save