Skip to content

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

s

parent 9ebad3f4
Hide 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,135 +23,106 @@ ...@@ -23,135 +23,106 @@
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,
border-radius: 6px; left top,
color: white; right top,
text-align: center; from(rgba(147, 69, 248, 1)),
line-height: 34px; to(rgba(63, 210, 243, 1))
display: inline-block; );
margin-right: -17px; background: linear-gradient(
position: relative; 90deg,
rgba(147, 69, 248, 1),
rgba(63, 210, 243, 1)
);
border-radius: 6px;
color: white;
text-align: center;
line-height: 34px;
display: inline-block;
margin-right: -17px;
position: relative;
} }
.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;
box-sizing: border-box; box-sizing: border-box;
color: #fefeff; color: #fefeff;
text-align: center; text-align: center;
}
.salesDate>div:nth-child(2) {
width: 50%;
background: rgba(22,28,49,.55);
border-radius: 0 20px 20px 0;
overflow: hidden;
}
.salesDate>div:nth-child(2) .el-input--suffix .el-input__inner {
border-radius: 0;
}
.salesDate>div:nth-child(2) input {
background: rgba(22,28,49,.5);
border: none!important;
font-size:20px;
font-weight: bold;
color:#fff;
}
.cityList{
margin:0 0 10px 65px;
}
.cityList ul li{
list-style-type: none;
display: inline-block;
margin-right:50px;
color:#CCCED3;
font-size: 20px;
color:#CCCED3;
}
.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{ .salesDate > div:nth-child(2) {
background-color:#009D62 width: 50%;
background: rgba(22, 28, 49, 0.55);
border-radius: 0 20px 20px 0;
overflow: hidden;
} }
.csSpan{ .salesDate > div:nth-child(2) .el-input--suffix .el-input__inner {
background-color:#66E62C border-radius: 0;
} }
.xmSpan{ .salesDate > div:nth-child(2) input {
background-color:#EFFF42 background: rgba(22, 28, 49, 0.5);
border: none !important;
font-size: 20px;
font-weight: bold;
color: #fff;
} }
.njSpan{ .ComSpan {
background-color:#FACA57 display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
margin-right: 5px;
} }
.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:[], yearList: [],
cdGuest:[], Mydatalist: []
//昆明印象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:[],
Mydatalist:[],
}
}, },
watch: { watch: {},
created() {},
},created(){ mounted() {
this.getYear();
},mounted() { this.getList();
this.getYear(); },
this.getList(); methods: {
getList() {
},methods:{ this.dataList = [];
getList(){ let url =
this.clearArr(); "http://47.96.23.199:5001/api/order/get_sale_numandpreferprice_statistics";
let url='http://47.96.23.199:5001/api/order/get_sale_numandpreferprice_statistics' this.loading = true;
this.apiRequest(url,{msg:this.msg},r=>{ this.apiRequest(url, { msg: this.msg }, r => {
console.log(r,'rrrrr'); console.log(JSON.stringify(r), "rrrrr");
if(r.data.resultCode==1){ this.loading = false;
this.dataList = r.data.data; if (r.data.resultCode == 1) {
let data= r.data.data; this.dataList = r.data.data;
if(this.dataList&&this.dataList.length>0){ let data = r.data.data;
this.getCompany(this.dataList); if (this.dataList && this.dataList.length > 0) {
// this.dataList.forEach(x=>{ this.dataList.forEach(x => {
// if(x.OutBranchName=='成都印象'&&x.MonthStr<=12){ x.OutBranchName = x.OutBranchName.replace("印象", "");
// this.cdList.push(x.PreferPrice); });
// this.cdGuest.push(x.GuestNum); this.getCompany(this.dataList);
// } }
// 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 = [];
var obj = {}; let monthList = [];
if(dataList&&dataList.length>0){ var obj = {};
for(var i =0; i<dataList.length; i++){ if (dataList && dataList.length > 0) {
if(!obj[dataList[i].OutBranchName]){ for (var i = 0; i < dataList.length; i++) {
this.companyList.push(dataList[i]); if (!obj[dataList[i].OutBranchName]) {
obj[dataList[i].OutBranchName] = true; this.companyList.push(dataList[i]);
} 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 = {
companyArr.push(obj); OutBranchName: item.OutBranchName,
}) List: []
dataList.forEach((x,index)=>{ };
companyArr.forEach(y=>{ companyArr.push(obj);
if(y.OutBranchName==x.OutBranchName){ let obj2 = {
y.List.push(x); data: [item.OutBranchName],
} icon: "circle",
}) x: index * 5 + 3.5 + "%",
}) orient: "horizontal",
// console.log(companyArr,'bbbbbbbbbbbbb'); textStyle: {
let arr=[]; //图例文字的样式
let arr1=[]; color: "#fff",
fontSize: 16
}
};
companyArr1.push(obj2);
});
companyArr.forEach(item=>{ // this.companyList.forEach(citem => {
let obj={ // var monthArray=[];
name:item.OutBranchName, // monthList.forEach(mitem => {
type:'bar', // monthArray = dataList.find(item => {
data:[] // return item.MonthStr === mitem; //筛选出匹配数据
} // });
let objline={
type:'line', // });
symbolSize: 2, // console.log(monthArray,"monthArray");
yAxisIndex:1, // });
hoverAnimation: true,
smooth: true, dataList.forEach((x, index) => {
showSymbol: false, companyArr.forEach(y => {
data:[] if (y.OutBranchName == x.OutBranchName) {
} y.List.push(x);
item.List.forEach(list=>{ }
obj.data.push(list.PreferPrice); });
objline.data.push(list.GuestNum); });
}) let arr = [];
arr.push(obj); let arr1 = [];
arr1.push(objline);
}) companyArr.forEach(item => {
this.Mydatalist=arr.concat(arr1); let obj = {
console.log("this.Mydatalist",this.Mydatalist) name: item.OutBranchName,
type: "bar",
}, data: []
getName(item){ };
return item.replace('印象',''); let objline = {
type: "line",
symbolSize: 2,
name: item.OutBranchName,
yAxisIndex: 1,
hoverAnimation: true,
smooth: true,
showSymbol: false,
data: []
};
item.List.forEach(list => {
obj.data.push(list.PreferPrice);
objline.data.push(list.GuestNum);
});
arr.push(obj);
arr1.push(objline);
});
this.Mydatalist = arr.concat(arr1);
console.log(this.Mydatalist, "this.Mydatalist");
this.init(companyArr1);
}, },
//获取年份 //点击切换为折现图
getYear(){ LineMap() {
var myDate = new Date(); // let newArr=this.Mydatalist;
var tYear = myDate.getFullYear(); let newArr = JSON.parse(JSON.stringify(this.Mydatalist));
let year=0,year1=0; let myArr = [];
for(var i=0;i<3;i++){ newArr.forEach(x => {
year=tYear+i; if (x.type == "line") {
this.yearList.push(year); myArr.push(x);
} }
for(var i=1;i<3;i++){ });
year1=tYear-i; this.Mydatalist = myArr;
this.yearList.push(year1); 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);
},
//点击切换为柱状图
BarMap() {
let newArr = this.Mydatalist;
let myArr = [];
newArr.forEach(x => {
if (x.type == "bar") {
myArr.push(x);
} }
this.yearList.sort(); });
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() {
var myDate = new Date();
var tYear = myDate.getFullYear();
let year = 0,
year1 = 0;
for (var i = 0; i < 3; i++) {
year = tYear + i;
this.yearList.push(year);
}
for (var i = 1; i < 3; i++) {
year1 = tYear - i;
this.yearList.push(year1);
}
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) {
var that = this; console.log(this.Mydatalist, "this.Mydatalist");
var myChart = this.$echarts.init(this.$refs.myecharts); var that = this;
var option={ var myChart = this.$echarts.init(this.$refs.myecharts);
var option = {
textStyle: {
fontFamily: "PINGFANG REGULAR"
},
title: {
color: "#2C3343"
},
legend: companyArr1,
grid: {
left: "4%", //距离左边的距离
right: "4%", //距离右边的距离
top: "12%", //距离上边的距离
bottom: "5%"
},
// 提示框
tooltip: {
trigger: "axis",
axisPointer: {
type: "cross",
crossStyle: {
color: "#999"
}
}
},
// toolbox: {
// feature: {
// dataView: {show: true, readOnly: false},
// magicType: {show: true, type: ['line', 'bar']},
// restore: {show: true},
// saveAsImage: {show: true}
// }
// },
xAxis: {
type: "category",
boundaryGap: true,
axisLine: {
lineStyle: {
// 设置x轴颜色
color: "#FFFFFF"
}
},
axisLabel: {
textStyle: { textStyle: {
fontFamily: 'PINGFANG REGULAR', color: "#DADADA"
}, }
title: { },
color:"#2C3343" data: [
"1月",
"2月",
"3月",
"4月",
"5月",
"6月",
"7月",
"8月",
"9月",
"10月",
"11月",
"12月"
]
},
yAxis: [
{
type: "value",
name: "销售额",
min: 0,
// max: 1000000,
// interval: 100000,
axisLine: {
lineStyle: {
// 设置y轴颜色
color: "#DADADA"
}
}, },
legend: { axisLabel: {
data:that.companyList // formatter: '{value}k',
textStyle: {
color: "#4A5271"
},
padding: [10, 0, 10, 0]
}, },
splitLine: {
grid: { show: true,
        left: '4%',   //距离左边的距离 lineStyle: {
        right: '6%', //距离右边的距离 type: "dashed",
        top: '12%', //距离上边的距离 color: "#30374E"
bottom:'5%', }
       }, }
// 提示框 },
tooltip: { {
type: 'hideTip' type: "value",
name: "收客数",
min: 0,
// max: 100,
// interval: 10,
axisLine: {
lineStyle: {
// 设置y轴颜色
color: "#DADADA"
}
}, },
// #30374E axisLabel: {
xAxis: { textStyle: {
type: 'category', color: "#4A5271"
boundaryGap: true, },
axisLine: { padding: [0, 0, 10, 0]
lineStyle: {
// 设置x轴颜色
color: '#FFFFFF',
}
},
axisLabel:{
textStyle:{
color: '#DADADA',
},
},
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
}, },
yAxis: [ splitLine: {
{ show: true,
type: 'value', lineStyle: {
name: '销售额', type: "dashed",
min: 0, color: "#30374E"
// max: 1000000, }
// interval: 100000, }
// max: 1000000, }
// interval: 100000, ],
series: this.Mydatalist,
axisLine: { color: [
lineStyle: { "#FE7691",
// 设置y轴颜色 "#FA219C",
color: '#DADADA', "#774FB5",
} "#6C7AE0",
}, "#256AFB",
axisLabel:{ "#00D8FF",
// formatter: '{value}k', "#84F3D3",
textStyle:{ "#009D62",
color: '#4A5271', "#66E62C",
}, "#FACA57",
padding:[10, 0, 10, 0], "#FACA57",
"#FF7437",
}, "#E70000"
splitLine:{ ]
show:true, };
lineStyle:{ myChart.setOption(option, true);
type:'dashed', }
color:'#30374E',
}
}
},
{
type: 'value',
name: '收客数',
min: 0,
// max: 100,
// interval: 10,
axisLine: {
lineStyle: {
// 设置y轴颜色
color: '#DADADA',
}
},
axisLabel:{
textStyle:{
color: '#4A5271',
},
padding:[0, 0, 10, 0],
},
splitLine:{
show:true,
lineStyle:{
type:'dashed',
color:'#30374E',
}
}
}
],
series:this.Mydatalist,
// series: [
// {
// name:'成都',
// type:'bar',
// data:that.cdList,
// itemStyle: {
// normal: {
// // color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
// // { offset: 1, color: "#256AFB" },
// // { offset: 0, color: "#FE7691" }
// // ]),
// }
// },
// },
// {
// 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);
},
} }
} };
</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