|
...
|
...
|
@@ -16,6 +16,7 @@ export default { |
|
|
|
ySeriesCommon:[],
|
|
|
|
legendData:[],
|
|
|
|
xAxisDataDate:[],
|
|
|
|
yAxisData:[],
|
|
|
|
optionData:'',
|
|
|
|
colorData:["#97d5f4",'#efe0a7','#e5abd1'],
|
|
|
|
chartId:'line-echart-declare'
|
|
...
|
...
|
@@ -42,14 +43,21 @@ export default { |
|
|
|
let declareLineData=data.data;
|
|
|
|
let legendData=[];
|
|
|
|
let xAxisDataDate=[];
|
|
|
|
let yAxisData=[];
|
|
|
|
$.each(declareLineData,function (i,v){
|
|
|
|
let index=0;
|
|
|
|
if(i==2){
|
|
|
|
index=1;
|
|
|
|
}else{
|
|
|
|
index=0;
|
|
|
|
}
|
|
|
|
ySeriesCommon.push({
|
|
|
|
name:v.name,
|
|
|
|
type:'line',
|
|
|
|
smooth:true,
|
|
|
|
stack:'Total',
|
|
|
|
data:v.number,
|
|
|
|
// yAxisIndex:0,
|
|
|
|
yAxisIndex:index,
|
|
|
|
showSymbol:false,
|
|
|
|
itemStyle : {
|
|
|
|
normal : {
|
|
...
|
...
|
@@ -64,6 +72,7 @@ export default { |
|
|
|
}
|
|
|
|
},
|
|
|
|
})
|
|
|
|
yAxisData.push(v.number);
|
|
|
|
legendData.push(v.name);
|
|
|
|
xAxisDataDate.push(v.days);
|
|
|
|
|
|
...
|
...
|
@@ -71,6 +80,7 @@ export default { |
|
|
|
proxy.ySeriesCommon=ySeriesCommon;
|
|
|
|
proxy.legendData=legendData;
|
|
|
|
proxy.xAxisDataDate=xAxisDataDate[0];
|
|
|
|
proxy.yAxisData=yAxisData;
|
|
|
|
proxy.optionInit();
|
|
|
|
}
|
|
|
|
})
|
|
...
|
...
|
@@ -78,6 +88,14 @@ export default { |
|
|
|
|
|
|
|
})
|
|
|
|
const optionInit=()=>{
|
|
|
|
console.log("888",proxy.yAxisData)
|
|
|
|
let data1=proxy.yAxisData[0];
|
|
|
|
let data2=proxy.yAxisData[1];
|
|
|
|
let data3=proxy.yAxisData[2];
|
|
|
|
let min1=proxy.calMin([data1,data2]);
|
|
|
|
let max1=proxy.calMax([data1,data2]);
|
|
|
|
let min2=proxy.calMin([data3,data3]);
|
|
|
|
let max2=proxy.calMax([data3,data3]);
|
|
|
|
|
|
|
|
proxy.optionData = {
|
|
|
|
title: {
|
|
...
|
...
|
@@ -132,26 +150,81 @@ export default { |
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
yAxis:{
|
|
|
|
type: 'value',
|
|
|
|
splitLine:{
|
|
|
|
lineStyle: {
|
|
|
|
color:'#0a1b31'
|
|
|
|
}
|
|
|
|
yAxis:[
|
|
|
|
{
|
|
|
|
type: 'value',
|
|
|
|
splitLine:{
|
|
|
|
lineStyle: {
|
|
|
|
color:'#0a1b31'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLabel:{
|
|
|
|
color:'#ffffff',
|
|
|
|
},
|
|
|
|
splitNumber:5,
|
|
|
|
min:min1,
|
|
|
|
max:max1,
|
|
|
|
interval:(max1-min1)/5
|
|
|
|
},
|
|
|
|
axisLabel:{
|
|
|
|
color:'#ffffff',
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
type: 'value',
|
|
|
|
splitLine:{
|
|
|
|
lineStyle: {
|
|
|
|
color:'#0a1b31'
|
|
|
|
}
|
|
|
|
},
|
|
|
|
axisLabel:{
|
|
|
|
color:'#ffffff',
|
|
|
|
},
|
|
|
|
splitNumber:5,
|
|
|
|
min:min2,
|
|
|
|
max:max2,
|
|
|
|
interval:(max2-min2)/5
|
|
|
|
}
|
|
|
|
],
|
|
|
|
series: proxy.ySeriesCommon,
|
|
|
|
itemStyle:{
|
|
|
|
showSymbol:false
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}
|
|
|
|
//计算最大值
|
|
|
|
const calMax=(arr)=>{
|
|
|
|
let max=0;
|
|
|
|
arr.forEach((el)=>{
|
|
|
|
el.forEach((el1)=>{
|
|
|
|
if(!(el1 === undefined || el1 === '')){
|
|
|
|
if(max<el1){
|
|
|
|
max=el1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
let maxint=Math.ceil(max/9.5);
|
|
|
|
let maxval=maxint * 10;//让显示的刻度是整数
|
|
|
|
return maxval;
|
|
|
|
}
|
|
|
|
//计算最小值
|
|
|
|
const calMin=(arr)=>{
|
|
|
|
let min=0;
|
|
|
|
arr.forEach((el)=>{
|
|
|
|
el.forEach((el1)=>{
|
|
|
|
if(!(el1 === undefined || el1 === '')){
|
|
|
|
if(min>el1){
|
|
|
|
min=el1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
let minint=Math.floor(min/10);
|
|
|
|
let minval=minint * 10;//让显示的刻度是整数
|
|
|
|
return minval;
|
|
|
|
}
|
|
|
|
|
|
|
|
return{
|
|
|
|
optionInit
|
|
|
|
optionInit,
|
|
|
|
calMax,
|
|
|
|
calMin
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|
