渔民的英文译语怎么说-高考准考证打印
2023年3月29日发(作者:休斯顿大学世界排名)
VueEcharts多y轴
ed\"/>
VueEcharts多y轴
ed\"/>
importdoubleTimefrom\'@comp/Time/doubleTime\'
import{getDateYMD,getDateYMDHMS,dateAdd,addZero,stringToDate}from\'@utils/date\'
import{getCityAirMoniListOnProByLongTime,getCityWeatherMoniListByLongTime}from\'@api/observe\'
importsystemSetfrom\'@utils/common\'
importlineEchartfrom\'@comp/echart/lineEchart\'
import{exportExcel}from\'@utils/excel\'
import{deepClone}from\'@utils/util\'
importiconUrlfrom\'@utils/icon\'
exportdefault{
name:\"metAnalysis\",
components:{//组件
doubleTime,
lineEchart
},
created(){//初始化
//设置查询显⽰初始诉衷情陆游原文及翻译 时间\'yyyy-MM-dd\'
nitialDate=getDateYMD(dateAdd(newDate(),\'d\',-2),\'-\');
tialDate=getDateYMD(newDate(),\'-\');
//设置初始查询时间参数\'yyyyMMdd\'
ime=getDateYMD(dateAdd(newDate(),\'d\',-2),\'\');
ime=getDateYMD(dateAdd(newDate(),\'d\',-2),\'\');
e=getDateYMD(newDate(),\'\');
//默认查询参数
ue=[\'pm25\',\'pm10\'];
ue=[\'speed\'];
orArr=_colors;//污染物颜⾊
orArr=_colors;//天⽓颜⾊
_(_unit).吾志所向虽死无悔 forEach(item=>{
_unit[]=;
});//将污染物与天数参数的名字与相应单位依次存⼊
_unit[\'wind\']=\'\';//wind时参数改为\'\'
_unit[\'speed\']=\'m/s\';//存⼊风速单位
},
data(){//数据
return{//全局变量
startInitialDate:\'\',//默认开始时间yyyy-MM-dd
endInitialDate:\'\',//默认结束时间yyyy-MM-dd
startTime:\'\',//开始时间内容yyyyMMdd
endTime:\'\',//结束时间内容yyyyMMdd
airvalue:[],//污染物参数
metvalue:[],//天⽓参数
dataA:[],//污染物数据
dataM:[],//天⽓数据
dataTime:[],//横轴数据
aircolorArr:[],//污染物折线颜⾊
metcolorArr:[],//天⽓折线颜⾊
airmet_unit:{},//污染物单位
selectNameArrA:[],//y轴数据名污染物天⽓
dataLineA:[],//折线图数据污染物天⽓数据整理后
lineArrA:[],//折线图series内容污染物天⽓
yAxis:[],
nullItem:[],//空值数据
metWindArr:[
[\'北\',\'N\'],[\'东北\',\'NNE\'],[\'东北\',\'NE\'],[\'东北\',\'ENE\'],
[\'东\',\'E\'],[\'东南\',\'ESE\'],[\'东南\',\'SE\'],[\'东南\',\'SSE\'],
[\'南\',\'S\'],[\'西南\',\'SSW\'],[\'西南\',\'SW\'],[\'西南\',\'WSW\'],
[\'西\',\'W\'],[\'西北\',\'WNW\'],[\'西北\',\'NW\'],[\'西北\',\'NNW\'],],//风向⽅位数组
airAndMetObj:{
\'pm25\':\'PM2.5\',\'pm10\':\'PM10\',\'co\':\'CO\',\'so2\':\'SO2\',\'no2\':\'NO2\',
\'o3\':\'O3\',\'aqi\':\'AQI\',\'speed\':\'风速\',\'temp\':\'⽓温\',\'rh\':\'湿度\',
\'pres\':\'⽓跷组词语 压\',\'rain\':\'降⽔\',\'winddir\':\'风向\',\'cond_txt\':\'天⽓\',\'wind\':\'⾓度\'
}//污染物与天⽓数据
}
},
mounted(){
ata();
},
methods:{
/*downloadExcel(){//下载Excel表格
exportExcel(\'风速风向统计数据\',\'rankTable\')
},*/
timeChanged(e){//时间改变
ime=getDateYMD(newDate(ime),\'\');
e=getDateYMD(newDate(e),\'\');
ata();//查询数据
},
setDateTime(){//设置横轴数据
me=[];
letsta=getDateYMDHMS(stringToDate(ime+\'000000\'));//设置开始时间\'yyyy-MM-ddhh:mm:ss\'
letend=[-1].datatime;//设置结束时间\'yyyy-MM-ddhh:mm:ss\'
lets=0;
while(s==0){
if(sta==end){s=1;}
(sta);
sta=getDateYMDHMS(dateAdd(newDate(sta),\'h\',1),\'-\');
}
}
},
setUn西出阳关无故人的诗意 it(unit){//设置参数单位返回相应参数单位
if(unit==\'pm25\'||unit==\'pm10\'||unit==\'so2\'||unit==\'no2\'||unit==\'o3\'){
_unit[\'nor怀旧空吟闻笛赋 到乡翻似烂柯人 mal\'];
}else{
_unit[unit];
}
},
setWinddir(wind){//设置风向⽅位
if(wind!=undefined&&wind>=0){
for(letw=0;w<16;w++){
if(wind==w*22.5){
dArr[w];
}elseif(wind>w*22.5&&wind<(w+1)*22.5){
dArr[(wind/(w*22.5))];
}
}
}else{
return[\'-\',\'-\'];
}
},
queryData(){//查询数据
letparmse={
starttime:ime+\'000000\',
endtime:e+\'230000\',
type:\'hour\',
citycode:\'611100\'
};
([getCityAirMoniListOnProByLongTime(parmse),getCityWeatherMoniListByLongTime(parmse)]).then(res=>{
=res[0].result;//污染物数据
=res[1].result;//天⽓数据
singdata(,);//数据处理
})
},
processingdata(dataA,dataM){//数据处理dataA为污染物数据dataB为天⽓数据
eTime();//横轴数据
neA=[];//折线图数据
NameArrA=[];//y轴数据名数组参数
rA=[];//存⼊series的数据
=[];//y轴定义数据
em=[];
lettakeData={};//按y轴数据名分类数据
lettakeDataArr=[];//单次污染物或天⽓数据数组
letcolorArr=[];//每轮数据相应的颜⾊
letairlen=ue;//污染物查询参数数组
letmetlen=ue;//天⽓查询参数数组
for(leti=0;i<;i++){//添加污染物数据
letitemtake={};//每轮污染物的数据每轮置空
h((item,index)=>{
itemtake[me]=item;//每项污染物数据全部值单独存⼊
})
(orArr[i]);//存⼊相应污染物颜⾊数据
takeData[airlen[i]]=itemtake;//存⼊每轮污染物查询数据不置空
(airlen[i]);//往y轴数据名参数数组存⼊污染物查询参数
}
for(letj=0;j<;j++){//添加天⽓数据
letitemtake={};//每轮天⽓的数据每轮置空
h(item=>{
itemtake[me]=item;//每项天⽓数据全值单独存⼊
})
(orArr[j]);//存⼊相应天⽓颜⾊数据
takeData[metlen[j]]=itemtake;//存⼊每轮天⽓查询数据不置空
(metlen[j]);//往y轴数据名参数数组存⼊天⽓查询参数
}
for(lets=0;s<;s++){//对数值空值进⾏处理
for(lets=0;s<;s++){//对数值空值进⾏处理
takeDataArr=[];//每轮查询数据时间及数值数组每轮置空
for(lett=0;t<;t++){//按时间轴处理
if(takeData[NameArrA[s]][me[t]]!=null&&takeData[NameArrA[s]][me[t]][NameArrA[s]]>=0){
//当查询数据有值且⼤于0时//存⼊时间相应时间参数数据转化为data的格式[data,value]
([me[t],takeData[NameArrA[s]][me[t]][NameArrA[s]]]);
}else{//数据不存在时做空值处理
([me[t],\'-\']);
(\'⽆数据值属性及时间:\'+NameArrA[s]+\':\'人不见 +me[t]);
}
}
(takeDataArr);//每轮空值处理后数据存⼊
}
(em);//null值属性及时间
//将相应数据及定义存⼊series的定义数组定义多y轴对data数据进⾏处理
letn=0;
for(letm=0;m<;m++){//以参数数据名数组为标准往series存⼊每轮数据并处理
if(m==0||m>=){//当存⼊series数据是天⽓时
({//多y轴数据定义
name:MetObj[NameArrA[m]],//将参数数据名转换为⼤写或汉字
type:\'value\',//连续的数据类型
position:\'right\',//在数据轴页⾯右侧
offset:parseInt(n*30),//每个轴偏移的像素
axisLine:{
lineStyle:{
color:colorArr[m]//y轴颜⾊
}
},
axisLabel:{//y轴数据样式
formatter:\'{value}\'}
})
n++;//当前y轴数量
}
//将相应数据及格式定义存⼊
({//存⼊series的内容
name:MetObj[NameArrA[m]],
type:NameArrA[m]==\'rain\'?\'bar\':\'line\',//为降⽔时改为柱状图
//风速时拐点改为风向箭头⼤⼩改为20px
symbol:NameArrA[m]!=\'speed\'?\'circle\':\'image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAZCAYAAAA8CX6U
AAAAAXNSR0IArs4c6QAAAk9JREFUOBGdlE1oE0EUx+dN1mhN2oOUPQnizVuwlKoN3jx4kba5evTuTbC33EUQ9GIPHho1athkIxRR8eNQY9GLDQgFL35Q
ctBCas2lCfN8b5pdJrNjElzYnTfv/d9v3pudXVhqLN0QKJ7V8rXX4j8uyr+IgJc8heoX5b9afLf4SaTETd/zH6/MrnSHMYtYlM1Gs6BALVP+jBRyGQobheNKqW+IK
HUyiG2q8DYchbvh6bBtAgngbW5sXqbk66Q51ddjClMngScLjYWXFLhgJoGAPyjxXlqmb2X8TGu3tXsFBV6jBU9YuvUwH57XVQDCqhlkm5KyQomr3V73S7vV
3qYq7tgQnSPFQx41aDI7WeUKdMB6EDBFgGOWO5r2Jg5NVHiiQaVcqSNABFF07BHE8/JsmV/WAYgNV3vsH3HptlijK2IjN597S+39YHusC0RnKjNVj7QxqAh
FRaBSFBg1kvap3pK+MAbxXIIcGyRRPjAXGwAF88EWAHwwBS6bNDvTh6dfmLEBEAeo5FVT4LLpSFTszygBou/tEa247wLEvtTBIYznZCRAtTO1HVpxzRRZ
9vdwLly3fEkQC4a1J6UsU8U4FshP+2u8obaY5/Rm40NoxhOtcbC/kWVT2Lc/B2eDpsPvbo2FdE4Sb4+qHDg7JtBZEQuq+epH2qytWAz0ZwHhqlJL/gniqLnpZ
L8Pz4VfdZbjMRSEHt6ndhTnEci5yRFzKKg+V+e/wRu6e94R70mU5Bo9l9P06fZA7FdmKj9Nv22PBGUz2提心吊胆的意思 WCvs/fbTrTnfwFhNbv//s97lgAAAABJRU5ErkJggg==
\',
symbolSize:NameArrA[m]!=\'speed\'?5:20,
yAxisIndex:m<?0:n-1,//y轴选择污染物数据选择第⼀根轴天⽓数据选择⾃⼰的轴
smooth:0.2,//折线平滑度
color:[colorArr[m]],//线条颜⾊
data:neA[m]//data数据
})
//处理data数据
letarr=[];//风向数据风向数据单位
for(lets=0;s
if(NameArrA[m]===\'speed\'&&takeData[NameArrA[m]][me[s]]!=null){//当数据为风向且查询数据存在时
([
takeData[NameArrA[m]][me[s]].wind,//风速旋转⾓度
ddir(takeData[NameArrA[m]][me[s]].wind),//风向
t(NameArrA[m])//单位
]);//存⼊风向数据风向数据单位
}else{
([0,[\'-\',\'-\'],t(NameArrA[m])]);
}
}
}
lettdata=[];//对series的data数据进⾏处理,存⼊每个data拐点的旋转度风向单位
rA[m].h((item,index)=>{
letobj={
value:item,
symbolRotate:-arr[index][0],//旋转度存⼊风向度数
winddir:arr[index][1],//风向
unit:arr[index][2]//单位
};
(obj);//每个data项单独存⼊
});
rA[m].data=tdata;//每轮data数据重新存⼊
}
if(>0){//当存在空⽓质量参数时
[0]={//将象征空⽓质量的第⼀根轴线重新定义
name:\'空⽓质量\'+\'(\'+_unit[\'normal\']+\',CO:\'+_unit[\'co\']+\')\',
type:\'value\',
position:\'left\'
}
}
kenLine();//绘制折线图
},
setBrokenLine(){//绘制折线图
lettooltip={};//设置数据提⽰框数据格式
tooltip={
trigger:\'axis\',
formatter:function(params){
letstr=\'\'
lettime=newDate(params[0].value[0]);
lettimeStr=`${lYear()}-${th()+1}-${e()}${rs()}时`;
((item,index)=>{
if(Name==\'风速\'){str+=\'风向:\'+`${r[1]}(${r[0]})${-Rotate}
`}
str+=`${Name}:${[1]}${}
`
})
returntimeStr+\'
\'+str;
},
}
letoptions=this.$s;
=\'基地空⽓质量和⽓象关联分析\';//折线图标题
.y=40;//
=rA;//折线图展⽰内容
=;
p=tooltip;//提⽰栏
this.$s=deepClone(options);//需要克隆再赋值
}
}
}
.metAnalysis{
height:100%;
//width:102%;
position:relative;
background:#fff;
.head{
position:relative;
z-index:2;
width:98%;
height:42px;
background:#fff;
padding:10px;//四周边距10个像素
.header_block{
float:left;
margin-right:15px;
position:relative;
position:relative;
line-height:40px;
.block_sname{
font-size:16px;
display:block;
float:left;
height:40px;
float:left;
}
.times{
margin-left:10px;
float:left;
}
.iconsearch{
margin-left:4px;
width:50px;
}
}
}
.Chart{
width:100%;
height:calc(100vh-120px);
margin-top:5px;
.echarts{
margin-top:60px;
height:100%;
.chart{
height:calc(100%-100px);
width:100%;
}
}
}
}
页⾯初始
多y轴情况
更多推荐
obay是什么意思y在线翻译读音例句
发布评论