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>
.salesGuest{
.salesGuest {
height: 100%;
width: 100%;
background-color: #1D243D;
background-color: #1d243d;
}
.salesGuest .nav{
.salesGuest .nav {
padding: 25px 45px;
background-color: #252D48;
background-color: #252d48;
}
.salesGuest .nav .name {
font-size: 30px;
font-weight: 700;
color: #fff;
text-align: right;
font-family: 'pingfangR';
font-family: "pingfangR";
}
.salesGuest .content{
.salesGuest .content {
height: 88%;
/* height: calc(100vh - 122px); */
padding: 30px 40px;
......@@ -23,135 +23,106 @@
overflow: hidden;
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%;
}
.company-class{
.company-class {
background-color: rgb(29, 36, 61) !important;
border-color: rgb(29, 36, 61) !important;
}
.el-popper .popper__arrow{
display:none!important;
.el-popper .popper__arrow {
display: none !important;
}
.salesSkMap {
width: 180px;
height: 34px;
background: -webkit-gradient(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;
color: white;
text-align: center;
line-height: 34px;
display: inline-block;
margin-right: -17px;
position: relative;
width: 180px;
height: 34px;
background: -webkit-gradient(
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;
color: white;
text-align: center;
line-height: 34px;
display: inline-block;
margin-right: -17px;
position: relative;
}
.SalesNoCked {
width: 180px;
height: 34px;
background-color: #1B2239;
color:#4D546A;
border-radius: 6px;
text-align: center;
line-height: 34px;
display: inline-block;
font-family: PINGFANG REGULAR;
cursor: pointer;
margin-top:5px;
}
.w180{
width:180px;
}
.salesDate{
width: 180px;
height: 34px;
background-color: #1b2239;
color: #4d546a;
border-radius: 6px;
text-align: center;
line-height: 34px;
display: inline-block;
font-family: PINGFANG REGULAR;
cursor: pointer;
margin-top: 5px;
}
.w180 {
width: 180px;
}
.salesDate {
display: flex;
align-items: center;
}
.salesDate>div:first-child {
width: 30%;
background: rgba(106,116,146,.35);
border-radius: 20px 0 0 20px;
padding: 10px 20px 9px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fefeff;
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
.salesDate > div:first-child {
width: 30%;
background: rgba(106, 116, 146, 0.35);
border-radius: 20px 0 0 20px;
padding: 10px 20px 9px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #fefeff;
text-align: center;
}
.hfSpan{
background-color:#009D62
.salesDate > div:nth-child(2) {
width: 50%;
background: rgba(22, 28, 49, 0.55);
border-radius: 0 20px 20px 0;
overflow: hidden;
}
.csSpan{
background-color:#66E62C
.salesDate > div:nth-child(2) .el-input--suffix .el-input__inner {
border-radius: 0;
}
.xmSpan{
background-color:#EFFF42
.salesDate > div:nth-child(2) input {
background: rgba(22, 28, 49, 0.5);
border: none !important;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.njSpan{
background-color:#FACA57
.ComSpan {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
margin-right: 5px;
}
.cqSpan{
background-color:#FF7437
.MapIcon {
/* float:right; */
color: #fff;
/* margin-top:10px; */
}
.rjSpan{
background-color:#E70000
.MapIcon span {
display: inline-block;
margin-right: 10px;
cursor: pointer;
}
</style>
<template>
<div class="salesGuest">
<div class="salesGuest" v-loading="loading">
<div class="nav">
<el-row :gutter="70">
<el-col :span="18">
......@@ -201,16 +172,9 @@
</el-row>
</div>
<div class="content" >
<div class="cityList">
<ul>
<li v-for="item in companyList">
<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 class="MapIcon">
<span @click="LineMap()">折线图</span>
<span @click="BarMap()">柱状图</span>
</div>
<div class="myecharts" ref="myecharts" >
......@@ -220,570 +184,358 @@
</template>
<script>
export default {
data(){
data() {
return {
loading:false,
companyList:[],
msg:{
yearstr:2019,
monthstr:0,
outbranchid:-1
},
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:[],
Mydatalist:[],
}
loading: false,
companyList: [],
msg: {
yearstr: 2019,
monthstr: 0,
outbranchid: -1
},
dataList: [],
//年份列表
yearList: [],
Mydatalist: []
};
},
watch: {
},created(){
},mounted() {
this.getYear();
this.getList();
},methods:{
getList(){
this.clearArr();
let url='http://47.96.23.199:5001/api/order/get_sale_numandpreferprice_statistics'
this.apiRequest(url,{msg:this.msg},r=>{
console.log(r,'rrrrr');
if(r.data.resultCode==1){
this.dataList = r.data.data;
let data= r.data.data;
if(this.dataList&&this.dataList.length>0){
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=[]
watch: {},
created() {},
mounted() {
this.getYear();
this.getList();
},
methods: {
getList() {
this.dataList = [];
let url =
"http://47.96.23.199:5001/api/order/get_sale_numandpreferprice_statistics";
this.loading = true;
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;
let data = r.data.data;
if (this.dataList && this.dataList.length > 0) {
this.dataList.forEach(x => {
x.OutBranchName = x.OutBranchName.replace("印象", "");
});
this.getCompany(this.dataList);
}
}
});
},
//去重获取公司
getCompany(dataList){
this.companyList = [];
var obj = {};
if(dataList&&dataList.length>0){
for(var i =0; i<dataList.length; i++){
if(!obj[dataList[i].OutBranchName]){
this.companyList.push(dataList[i]);
obj[dataList[i].OutBranchName] = true;
}
}
getCompany(dataList) {
this.companyList = [];
let monthList = [];
var obj = {};
if (dataList && dataList.length > 0) {
for (var i = 0; i < dataList.length; i++) {
if (!obj[dataList[i].OutBranchName]) {
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=[];
this.companyList.forEach(item=>{
let obj={
OutBranchName:item.OutBranchName,
List:[],
};
companyArr.push(obj);
})
dataList.forEach((x,index)=>{
companyArr.forEach(y=>{
if(y.OutBranchName==x.OutBranchName){
y.List.push(x);
}
})
})
// console.log(companyArr,'bbbbbbbbbbbbb');
let arr=[];
let arr1=[];
}
console.log(monthList, "monthListttt");
let companyArr = [];
let companyArr1 = [];
console.log(this.companyList, "this.companyList");
this.companyList.forEach((item, index) => {
let obj = {
OutBranchName: item.OutBranchName,
List: []
};
companyArr.push(obj);
let obj2 = {
data: [item.OutBranchName],
icon: "circle",
x: index * 5 + 3.5 + "%",
orient: "horizontal",
textStyle: {
//图例文字的样式
color: "#fff",
fontSize: 16
}
};
companyArr1.push(obj2);
});
companyArr.forEach(item=>{
let obj={
name:item.OutBranchName,
type:'bar',
data:[]
}
let objline={
type:'line',
symbolSize: 2,
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)
},
getName(item){
return item.replace('印象','');
// this.companyList.forEach(citem => {
// var monthArray=[];
// monthList.forEach(mitem => {
// monthArray = dataList.find(item => {
// return item.MonthStr === mitem; //筛选出匹配数据
// });
// });
// console.log(monthArray,"monthArray");
// });
dataList.forEach((x, index) => {
companyArr.forEach(y => {
if (y.OutBranchName == x.OutBranchName) {
y.List.push(x);
}
});
});
let arr = [];
let arr1 = [];
companyArr.forEach(item => {
let obj = {
name: item.OutBranchName,
type: "bar",
data: []
};
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(){
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);
//点击切换为折现图
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);
}
for(var i=1;i<3;i++){
year1=tYear-i;
this.yearList.push(year1);
});
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);
},
//点击切换为柱状图
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({
name: 'saleGuestTable',
query: {
year: this.msg.yearstr,
month: this.msg.monthstr,
name: "saleGuestTable",
query: {
year: this.msg.yearstr,
month: this.msg.monthstr
}
});
});
},
init(){
var that = this;
var myChart = this.$echarts.init(this.$refs.myecharts);
var option={
init(companyArr1) {
console.log(this.Mydatalist, "this.Mydatalist");
var that = this;
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: {
fontFamily: 'PINGFANG REGULAR',
},
title: {
color:"#2C3343"
color: "#DADADA"
}
},
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: {
data:that.companyList
axisLabel: {
// formatter: '{value}k',
textStyle: {
color: "#4A5271"
},
padding: [10, 0, 10, 0]
},
grid: {
        left: '4%',   //距离左边的距离
        right: '6%', //距离右边的距离
        top: '12%', //距离上边的距离
bottom:'5%',
       },
// 提示框
tooltip: {
type: 'hideTip'
splitLine: {
show: true,
lineStyle: {
type: "dashed",
color: "#30374E"
}
}
},
{
type: "value",
name: "收客数",
min: 0,
// max: 100,
// interval: 10,
axisLine: {
lineStyle: {
// 设置y轴颜色
color: "#DADADA"
}
},
// #30374E
xAxis: {
type: 'category',
boundaryGap: true,
axisLine: {
lineStyle: {
// 设置x轴颜色
color: '#FFFFFF',
}
},
axisLabel:{
textStyle:{
color: '#DADADA',
},
},
data: ['1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月'],
axisLabel: {
textStyle: {
color: "#4A5271"
},
padding: [0, 0, 10, 0]
},
yAxis: [
{
type: 'value',
name: '销售额',
min: 0,
// max: 1000000,
// interval: 100000,
// max: 1000000,
// interval: 100000,
axisLine: {
lineStyle: {
// 设置y轴颜色
color: '#DADADA',
}
},
axisLabel:{
// formatter: '{value}k',
textStyle:{
color: '#4A5271',
},
padding:[10, 0, 10, 0],
},
splitLine:{
show:true,
lineStyle:{
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);
},
splitLine: {
show: true,
lineStyle: {
type: "dashed",
color: "#30374E"
}
}
}
],
series: this.Mydatalist,
color: [
"#FE7691",
"#FA219C",
"#774FB5",
"#6C7AE0",
"#256AFB",
"#00D8FF",
"#84F3D3",
"#009D62",
"#66E62C",
"#FACA57",
"#FACA57",
"#FF7437",
"#E70000"
]
};
myChart.setOption(option, true);
}
}
}
};
</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