Skip to content

M
Muse
Commit 2a094b52 authored by zhengke's avatar zhengke
Browse files
Options

s

parent 9ebad3f4
Show whitespace changes
Inline Side-by-side
Showing with 422 additions and 670 deletions
src/components/viitto/salesGuestList.vue
View file @ 2a094b52
<style> <style>
.salesGuest{ .salesGuest {
height: 100%; height: 100%;
width: 100%; width: 100%;
background-color: #1D243D; background-color: #1d243d;
} }
.salesGuest .nav{ .salesGuest .nav {
padding: 25px 45px; padding: 25px 45px;
background-color: #252D48; background-color: #252d48;
} }
.salesGuest .nav .name { .salesGuest .nav .name {
font-size: 30px; font-size: 30px;
font-weight: 700; font-weight: 700;
color: #fff; color: #fff;
text-align: right; text-align: right;
font-family: 'pingfangR'; font-family: "pingfangR";
} }
.salesGuest .content{ .salesGuest .content {
height: 88%; height: 88%;
/* height: calc(100vh - 122px); */ /* height: calc(100vh - 122px); */
padding: 30px 40px; padding: 30px 40px;
...@@ -23,21 +23,32 @@ ...@@ -23,21 +23,32 @@
overflow: hidden; overflow: hidden;
overflow-y: auto; overflow-y: auto;
} }
.salesGuest .content .el-row,.salesGuest .content .el-row .el-col{ .salesGuest .content .el-row,
.salesGuest .content .el-row .el-col {
height: 100%; height: 100%;
} }
.company-class{ .company-class {
background-color: rgb(29, 36, 61) !important; background-color: rgb(29, 36, 61) !important;
border-color: rgb(29, 36, 61) !important; border-color: rgb(29, 36, 61) !important;
} }
.el-popper .popper__arrow{ .el-popper .popper__arrow {
display:none!important; display: none !important;
} }
.salesSkMap { .salesSkMap {
width: 180px; width: 180px;
height: 34px; height: 34px;
background: -webkit-gradient(linear,left top, right top,from(rgba(147, 69, 248, 1)),to(rgba(63, 210, 243, 1))); background: -webkit-gradient(
background: linear-gradient(90deg,rgba(147, 69, 248, 1),rgba(63, 210, 243, 1)); linear,
left top,
right top,
from(rgba(147, 69, 248, 1)),
to(rgba(63, 210, 243, 1))
);
background: linear-gradient(
90deg,
rgba(147, 69, 248, 1),
rgba(63, 210, 243, 1)
);
border-radius: 6px; border-radius: 6px;
color: white; color: white;
text-align: center; text-align: center;
...@@ -49,26 +60,26 @@ ...@@ -49,26 +60,26 @@
.SalesNoCked { .SalesNoCked {
width: 180px; width: 180px;
height: 34px; height: 34px;
background-color: #1B2239; background-color: #1b2239;
color:#4D546A; color: #4d546a;
border-radius: 6px; border-radius: 6px;
text-align: center; text-align: center;
line-height: 34px; line-height: 34px;
display: inline-block; display: inline-block;
font-family: PINGFANG REGULAR; font-family: PINGFANG REGULAR;
cursor: pointer; cursor: pointer;
margin-top:5px; margin-top: 5px;
} }
.w180{ .w180 {
width:180px; width: 180px;
} }
.salesDate{ .salesDate {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.salesDate>div:first-child { .salesDate > div:first-child {
width: 30%; width: 30%;
background: rgba(106,116,146,.35); background: rgba(106, 116, 146, 0.35);
border-radius: 20px 0 0 20px; border-radius: 20px 0 0 20px;
padding: 10px 20px 9px; padding: 10px 20px 9px;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
...@@ -76,82 +87,42 @@ ...@@ -76,82 +87,42 @@
color: #fefeff; color: #fefeff;
text-align: center; text-align: center;
} }
.salesDate>div:nth-child(2) { .salesDate > div:nth-child(2) {
width: 50%; width: 50%;
background: rgba(22,28,49,.55); background: rgba(22, 28, 49, 0.55);
border-radius: 0 20px 20px 0; border-radius: 0 20px 20px 0;
overflow: hidden; overflow: hidden;
} }
.salesDate>div:nth-child(2) .el-input--suffix .el-input__inner { .salesDate > div:nth-child(2) .el-input--suffix .el-input__inner {
border-radius: 0; border-radius: 0;
} }
.salesDate>div:nth-child(2) input { .salesDate > div:nth-child(2) input {
background: rgba(22,28,49,.5); background: rgba(22, 28, 49, 0.5);
border: none!important; border: none !important;
font-size:20px; font-size: 20px;
font-weight: bold; font-weight: bold;
color:#fff; color: #fff;
}
.cityList{
margin:0 0 10px 65px;
} }
.cityList ul li{ .ComSpan {
list-style-type: none;
display: inline-block; display: inline-block;
margin-right:50px; width: 14px;
color:#CCCED3; height: 14px;
font-size: 20px; border-radius: 50%;
color:#CCCED3; margin-right: 5px;
}
.ComSpan{
display:inline-block;
width:14px;
height:14px;
border-radius:50%;
margin-right:5px;
}
.cdSpan{
background-color: #F42C54;
}
.kmSpan{
background-color:#FA219C
}
.xaSpan{
background-color:#774FB5
}
.whSpan{
background-color:#6C7AE0
}
.nlSpan{
background-color:#256AFB
}
.gySpan{
background-color:#00D8FF
}
.ncSpan{
background-color:#84F3D3
}
.hfSpan{
background-color:#009D62
}
.csSpan{
background-color:#66E62C
}
.xmSpan{
background-color:#EFFF42
}
.njSpan{
background-color:#FACA57
} }
.cqSpan{ .MapIcon {
background-color:#FF7437 /* float:right; */
color: #fff;
/* margin-top:10px; */
} }
.rjSpan{ .MapIcon span {
background-color:#E70000 display: inline-block;
margin-right: 10px;
cursor: pointer;
} }
</style> </style>
<template> <template>
<div class="salesGuest"> <div class="salesGuest" v-loading="loading">
<div class="nav"> <div class="nav">
<el-row :gutter="70"> <el-row :gutter="70">
<el-col :span="18"> <el-col :span="18">
...@@ -201,16 +172,9 @@ ...@@ -201,16 +172,9 @@
</el-row> </el-row>
</div> </div>
<div class="content" > <div class="content" >
<div class="cityList"> <div class="MapIcon">
<ul> <span @click="LineMap()">折线图</span>
<li v-for="item in companyList"> <span @click="BarMap()">柱状图</span>
<span class="ComSpan" :class="{'cdSpan':item.RB_Branch_Id==0,'kmSpan':item.RB_Branch_Id==1,'xaSpan':item.RB_Branch_Id==32
,'whSpan':item.RB_Branch_Id==33,'nlSpan':item.RB_Branch_Id==36,'gySpan':item.RB_Branch_Id==37,'ncSpan':item.RB_Branch_Id==40,
'hfSpan':item.RB_Branch_Id==46,'csSpan':item.RB_Branch_Id==47,'xmSpan':item.RB_Branch_Id==103,'njSpan':item.RB_Branch_Id==109,
'cqSpan':item.RB_Branch_Id==1214,'rjSpan':item.RB_Branch_Id==1216}"></span>
{{getName(item.OutBranchName)}}
</li>
</ul>
</div> </div>
<div class="myecharts" ref="myecharts" > <div class="myecharts" ref="myecharts" >
...@@ -220,570 +184,358 @@ ...@@ -220,570 +184,358 @@
</template> </template>
<script> <script>
export default { export default {
data(){ data() {
return { return {
loading:false, loading: false,
companyList:[], companyList: [],
msg:{ msg: {
yearstr:2019, yearstr: 2019,
monthstr:0, monthstr: 0,
outbranchid:-1 outbranchid: -1
}, },
dataList:[], dataList: [],
//成都印象1-12数据
cdList:[],
cdGuest:[],
//昆明印象1-12数据
kmList:[],
kmGuest:[],
//西安印象1-12数据
xaList:[],
xaGuest:[],
//武汉印象1-12数据
whList:[],
whGuest:[],
//南宁印象1-12数据
nnList:[],
nnGuest:[],
//贵阳印象1-12数据
gyList:[],
gyGuest:[],
//南昌印象1-12数据
ncList:[],
ncGuest:[],
//合肥印象1-12数据
hfList:[],
hfGuest:[],
//长沙印象1-12数据
csList:[],
csGuest:[],
//厦门印象1-12数据
xmList:[],
xmGuest:[],
//南京印象1-12数据
njList:[],
njGuest:[],
//重庆印象1-12数据
cqList:[],
cqGuest:[],
//入境印象1-12数据
rjList:[],
rjGuest:[],
//年份列表 //年份列表
yearList:[], yearList: [],
Mydatalist:[], Mydatalist: []
} };
}, },
watch: { watch: {},
created() {},
},created(){ mounted() {
},mounted() {
this.getYear(); this.getYear();
this.getList(); this.getList();
},
},methods:{ methods: {
getList(){ getList() {
this.clearArr(); this.dataList = [];
let url='http://47.96.23.199:5001/api/order/get_sale_numandpreferprice_statistics' let url =
this.apiRequest(url,{msg:this.msg},r=>{ "http://47.96.23.199:5001/api/order/get_sale_numandpreferprice_statistics";
console.log(r,'rrrrr'); this.loading = true;
if(r.data.resultCode==1){ this.apiRequest(url, { msg: this.msg }, r => {
console.log(JSON.stringify(r), "rrrrr");
this.loading = false;
if (r.data.resultCode == 1) {
this.dataList = r.data.data; this.dataList = r.data.data;
let data= r.data.data; let data = r.data.data;
if(this.dataList&&this.dataList.length>0){ if (this.dataList && this.dataList.length > 0) {
this.dataList.forEach(x => {
x.OutBranchName = x.OutBranchName.replace("印象", "");
});
this.getCompany(this.dataList); this.getCompany(this.dataList);
// this.dataList.forEach(x=>{
// if(x.OutBranchName=='成都印象'&&x.MonthStr<=12){
// this.cdList.push(x.PreferPrice);
// this.cdGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='昆明印象'&&x.MonthStr<=12){
// this.kmList.push(x.PreferPrice);
// this.kmGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='西安印象'&&x.MonthStr<=12){
// this.xaList.push(x.PreferPrice);
// this.xaGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='武汉印象'&&x.MonthStr<=12){
// this.whList.push(x.PreferPrice);
// this.whGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='西宁印象'&&x.MonthStr<=12){
// this.nnList.push(x.PreferPrice);
// this.xnGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='贵阳印象'&&x.MonthStr<=12){
// this.gyList.push(x.PreferPrice);
// this.gyGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='南昌印象'&&x.MonthStr<=12){
// this.ncList.push(x.PreferPrice);
// this.ncGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='合肥印象'&&x.MonthStr<=12){
// this.hfList.push(x.PreferPrice);
// this.hfGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='长沙印象'&&x.MonthStr<=12){
// this.csList.push(x.PreferPrice);
// this.csGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='厦门印象'&&x.MonthStr<=12){
// this.xmList.push(x.PreferPrice);
// this.xmGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='南京印象'&&x.MonthStr<=12){
// this.njList.push(x.PreferPrice);
// this.njGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='重庆印象'&&x.MonthStr<=12){
// this.cqList.push(x.PreferPrice);
// this.cqGuest.push(x.GuestNum);
// }
// if(x.OutBranchName=='入境印象'&&x.MonthStr<=12){
// this.rjList.push(x.PreferPrice);
// this.rjGuest.push(x.GuestNum);
// }
// })
let tempArr = [];
let bb=[];
this.companyList.forEach(item=>{
// let obj={
// name:item.OutBranchName.replace('印象',''),
// type:'bar',
// data:that.kmList
// };
})
} }
this.init();
} }
}) });
},
clearArr(){
this.companyList=[];
this.cdList=[],
this.cdGuest=[],
this.kmList=[],
this.kmGuest=[],
this.xaList=[],
this.xaGuest=[],
this.whList=[],
this.whGuest=[],
this.nnList=[],
this.nnGuest=[],
this.gyList=[],
this.gyGuest=[],
this.ncList=[],
this.ncGuest=[],
this.hfList=[],
this.hfGuest=[],
this.csList=[],
this.csGuest=[],
this.xmList=[],
this.xmGuest=[],
this.njList=[],
this.njGuest=[],
this.cqList=[],
this.cqGuest=[],
this.rjList=[],
this.rjGuest=[]
}, },
//去重获取公司 //去重获取公司
getCompany(dataList){ getCompany(dataList) {
this.companyList = []; this.companyList = [];
let monthList = [];
var obj = {}; var obj = {};
if(dataList&&dataList.length>0){ if (dataList && dataList.length > 0) {
for(var i =0; i<dataList.length; i++){ for (var i = 0; i < dataList.length; i++) {
if(!obj[dataList[i].OutBranchName]){ if (!obj[dataList[i].OutBranchName]) {
this.companyList.push(dataList[i]); this.companyList.push(dataList[i]);
obj[dataList[i].OutBranchName] = true; obj[dataList[i].OutBranchName] = true;
} }
if (!obj[dataList[i].MonthStr]) {
monthList.push(dataList[i].MonthStr);
obj[dataList[i].MonthStr] = true;
} }
} }
// console.log(this.companyList,'company'); }
let companyArr=[]; console.log(monthList, "monthListttt");
this.companyList.forEach(item=>{ let companyArr = [];
let obj={ let companyArr1 = [];
OutBranchName:item.OutBranchName, console.log(this.companyList, "this.companyList");
List:[], this.companyList.forEach((item, index) => {
let obj = {
OutBranchName: item.OutBranchName,
List: []
}; };
companyArr.push(obj); companyArr.push(obj);
}) let obj2 = {
dataList.forEach((x,index)=>{ data: [item.OutBranchName],
companyArr.forEach(y=>{ icon: "circle",
if(y.OutBranchName==x.OutBranchName){ x: index * 5 + 3.5 + "%",
y.List.push(x); orient: "horizontal",
textStyle: {
//图例文字的样式
color: "#fff",
fontSize: 16
} }
}) };
}) companyArr1.push(obj2);
// console.log(companyArr,'bbbbbbbbbbbbb'); });
let arr=[];
let arr1=[]; // this.companyList.forEach(citem => {
// var monthArray=[];
// monthList.forEach(mitem => {
// monthArray = dataList.find(item => {
// return item.MonthStr === mitem; //筛选出匹配数据
// });
companyArr.forEach(item=>{ // });
let obj={ // console.log(monthArray,"monthArray");
name:item.OutBranchName, // });
type:'bar',
data:[] dataList.forEach((x, index) => {
companyArr.forEach(y => {
if (y.OutBranchName == x.OutBranchName) {
y.List.push(x);
} }
let objline={ });
type:'line', });
let arr = [];
let arr1 = [];
companyArr.forEach(item => {
let obj = {
name: item.OutBranchName,
type: "bar",
data: []
};
let objline = {
type: "line",
symbolSize: 2, symbolSize: 2,
yAxisIndex:1, name: item.OutBranchName,
yAxisIndex: 1,
hoverAnimation: true, hoverAnimation: true,
smooth: true, smooth: true,
showSymbol: false, showSymbol: false,
data:[] data: []
} };
item.List.forEach(list=>{ item.List.forEach(list => {
obj.data.push(list.PreferPrice); obj.data.push(list.PreferPrice);
objline.data.push(list.GuestNum); objline.data.push(list.GuestNum);
}) });
arr.push(obj); arr.push(obj);
arr1.push(objline); arr1.push(objline);
}) });
this.Mydatalist=arr.concat(arr1); this.Mydatalist = arr.concat(arr1);
console.log("this.Mydatalist",this.Mydatalist) console.log(this.Mydatalist, "this.Mydatalist");
this.init(companyArr1);
},
//点击切换为折现图
LineMap() {
// let newArr=this.Mydatalist;
let newArr = JSON.parse(JSON.stringify(this.Mydatalist));
let myArr = [];
newArr.forEach(x => {
if (x.type == "line") {
myArr.push(x);
}
});
this.Mydatalist = myArr;
let companyArr1 = [];
this.companyList.forEach((item, index) => {
let obj2 = {
data: [item.OutBranchName],
icon: "circle",
x: index * 5 + 3.5 + "%",
orient: "horizontal",
textStyle: {
//图例文字的样式
color: "#fff",
fontSize: 16
}
};
companyArr1.push(obj2);
});
this.init(companyArr1);
}, },
getName(item){ //点击切换为柱状图
return item.replace('印象',''); BarMap() {
let newArr = this.Mydatalist;
let myArr = [];
newArr.forEach(x => {
if (x.type == "bar") {
myArr.push(x);
}
});
this.Mydatalist = myArr;
let companyArr1 = [];
this.companyList.forEach((item, index) => {
let obj2 = {
data: [item.OutBranchName],
icon: "circle",
x: index * 5 + 3.5 + "%",
orient: "horizontal",
textStyle: {
//图例文字的样式
color: "#fff",
fontSize: 16
}
};
companyArr1.push(obj2);
});
this.init(companyArr1);
}, },
//获取年份 //获取年份
getYear(){ getYear() {
var myDate = new Date(); var myDate = new Date();
var tYear = myDate.getFullYear(); var tYear = myDate.getFullYear();
let year=0,year1=0; let year = 0,
for(var i=0;i<3;i++){ year1 = 0;
year=tYear+i; for (var i = 0; i < 3; i++) {
year = tYear + i;
this.yearList.push(year); this.yearList.push(year);
} }
for(var i=1;i<3;i++){ for (var i = 1; i < 3; i++) {
year1=tYear-i; year1 = tYear - i;
this.yearList.push(year1); this.yearList.push(year1);
} }
this.yearList.sort(); this.yearList.sort();
}, },
//点击跳转 //点击跳转
goSalesTable(){ goSalesTable() {
this.$router.push({ this.$router.push({
name: 'saleGuestTable', name: "saleGuestTable",
query: { query: {
year: this.msg.yearstr, year: this.msg.yearstr,
month: this.msg.monthstr, month: this.msg.monthstr
} }
}); });
}, },
init(){ init(companyArr1) {
console.log(this.Mydatalist, "this.Mydatalist");
var that = this; var that = this;
var myChart = this.$echarts.init(this.$refs.myecharts); var myChart = this.$echarts.init(this.$refs.myecharts);
var option={ var option = {
textStyle: { textStyle: {
fontFamily: 'PINGFANG REGULAR', fontFamily: "PINGFANG REGULAR"
}, },
title: { title: {
color:"#2C3343" color: "#2C3343"
}, },
legend: { legend: companyArr1,
data:that.companyList
},
grid: { grid: {
        left: '4%',   //距离左边的距离 left: "4%", //距离左边的距离
        right: '6%', //距离右边的距离 right: "4%", //距离右边的距离
        top: '12%', //距离上边的距离 top: "12%", //距离上边的距离
bottom:'5%', bottom: "5%"
       }, },
// 提示框 // 提示框
tooltip: { tooltip: {
type: 'hideTip' trigger: "axis",
axisPointer: {
type: "cross",
crossStyle: {
color: "#999"
}
}
}, },
// #30374E // toolbox: {
// feature: {
// dataView: {show: true, readOnly: false},
// magicType: {show: true, type: ['line', 'bar']},
// restore: {show: true},
// saveAsImage: {show: true}
// }
// },
xAxis: { xAxis: {
type: 'category', type: "category",
boundaryGap: true, boundaryGap: true,
axisLine: { axisLine: {
lineStyle: { lineStyle: {
// 设置x轴颜色 // 设置x轴颜色
color: '#FFFFFF', color: "#FFFFFF"
} }
}, },
axisLabel:{ axisLabel: {
textStyle:{ textStyle: {
color: '#DADADA', color: "#DADADA"
}, }
}, },
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'], data: [
"1月",
"2月",
"3月",
"4月",
"5月",
"6月",
"7月",
"8月",
"9月",
"10月",
"11月",
"12月"
]
}, },
yAxis: [ yAxis: [
{ {
type: 'value', type: "value",
name: '销售额', name: "销售额",
min: 0, min: 0,
// max: 1000000, // max: 1000000,
// interval: 100000, // interval: 100000,
// max: 1000000,
// interval: 100000,
axisLine: { axisLine: {
lineStyle: { lineStyle: {
// 设置y轴颜色 // 设置y轴颜色
color: '#DADADA', color: "#DADADA"
} }
}, },
axisLabel:{ axisLabel: {
// formatter: '{value}k', // formatter: '{value}k',
textStyle:{ textStyle: {
color: '#4A5271', color: "#4A5271"
}, },
padding:[10, 0, 10, 0], padding: [10, 0, 10, 0]
}, },
splitLine:{ splitLine: {
show:true, show: true,
lineStyle:{ lineStyle: {
type:'dashed', type: "dashed",
color:'#30374E', color: "#30374E"
} }
} }
}, },
{ {
type: 'value', type: "value",
name: '收客数', name: "收客数",
min: 0, min: 0,
// max: 100, // max: 100,
// interval: 10, // interval: 10,
axisLine: { axisLine: {
lineStyle: { lineStyle: {
// 设置y轴颜色 // 设置y轴颜色
color: '#DADADA', color: "#DADADA"
} }
}, },
axisLabel:{ axisLabel: {
textStyle:{ textStyle: {
color: '#4A5271', color: "#4A5271"
}, },
padding:[0, 0, 10, 0], padding: [0, 0, 10, 0]
}, },
splitLine:{ splitLine: {
show:true, show: true,
lineStyle:{ lineStyle: {
type:'dashed', type: "dashed",
color:'#30374E', color: "#30374E"
} }
} }
} }
], ],
series:this.Mydatalist, series: this.Mydatalist,
// series: [ color: [
// { "#FE7691",
// name:'成都', "#FA219C",
// type:'bar', "#774FB5",
// data:that.cdList, "#6C7AE0",
// itemStyle: { "#256AFB",
// normal: { "#00D8FF",
// // color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [ "#84F3D3",
// // { offset: 1, color: "#256AFB" }, "#009D62",
// // { offset: 0, color: "#FE7691" } "#66E62C",
// // ]), "#FACA57",
// } "#FACA57",
// }, "#FF7437",
// }, "#E70000"
// { ]
// name:'昆明',
// type:'bar',
// data:that.kmList
// },
// {
// name:'西安',
// type:'bar',
// data:that.xaList
// },
// {
// name:'武汉',
// type:'bar',
// data:that.whList
// },
// {
// name:'南宁',
// type:'bar',
// data:that.nnList
// },
// {
// name:'贵阳',
// type:'bar',
// data:that.gyList
// },
// {
// name:'南昌',
// type:'bar',
// data:that.ncList
// },
// {
// name:'合肥',
// type:'bar',
// data:that.hfList
// },
// {
// name:'长沙',
// type:'bar',
// data:that.csList
// },
// {
// name:'厦门',
// type:'bar',
// data:that.xmList
// },
// {
// name:'南京',
// type:'bar',
// data:that.njList
// },
// {
// name:'重庆',
// type:'bar',
// data:that.cqList
// },
// {
// name:'入境',
// type:'bar',
// data:that.rjList
// },
// {
// type:'line',
// symbolSize: 2,
// hoverAnimation: true,
// yAxisIndex:1,
// smooth: true,
// showSymbol: false,
// data:that.cdGuest
// },
// {
// type:'line',
// symbolSize: 2,
// yAxisIndex:1,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.kmGuest
// },{
// type:'line',
// symbolSize: 2,
// yAxisIndex:1,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.xaGuest
// },{
// type:'line',
// symbolSize: 2,
// yAxisIndex:1,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.whGuest
// },{
// yAxisIndex:1,
// type:'line',
// symbolSize: 2,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.nnGuest
// },{
// yAxisIndex:1,
// type:'line',
// symbolSize: 2,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.gyGuest
// },{
// type:'line',
// symbolSize: 2,
// yAxisIndex:1,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.ncGuest
// },
// {
// type:'line',
// symbolSize: 2,
// yAxisIndex:1,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.hfGuest
// },
// {
// yAxisIndex:1,
// type:'line',
// symbolSize: 2,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.csGuest
// },
// {
// yAxisIndex:1,
// type:'line',
// symbolSize: 2,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.xmGuest
// },
// {
// yAxisIndex:1,
// type:'line',
// symbolSize: 2,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.njGuest
// },
// {
// yAxisIndex:1,
// type:'line',
// symbolSize: 2,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.cqGuest
// },
// {
// yAxisIndex:1,
// type:'line',
// symbolSize: 2,
// hoverAnimation: true,
// smooth: true,
// showSymbol: false,
// data:that.rjGuest
// }
// ],
color: ['#FE7691', '#FA219C','#774FB5','#6C7AE0','#256AFB','#00D8FF','#84F3D3','#009D62','#66E62C','#FACA57','#FACA57','#FF7437','#E70000']
}; };
// myChart.setOption(option); myChart.setOption(option, true);
myChart.setOption(option,true);
},
} }
} }
};
</script> </script>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment