|
|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
import { Component, OnInit } from '@angular/core'; |
|
|
|
|
import { Router } from '@angular/router'; |
|
|
|
|
import { ActivatedRoute, Router } from '@angular/router'; |
|
|
|
|
import {MatDialog, MatDialogRef, MAT_DIALOG_DATA} from '@angular/material/dialog'; |
|
|
|
|
import { MatSnackBar, MatSnackBarConfig } from '@angular/material/snack-bar'; |
|
|
|
|
import { EchartsDataService } from '../../echarts-data.service'; |
|
|
|
|
@ -11,25 +11,27 @@ declare var echarts: any;
|
|
|
|
|
}) |
|
|
|
|
export class AddUnitTwoTimeComponent implements OnInit { |
|
|
|
|
forward(){ |
|
|
|
|
this.router.navigate(['/statisticanalysis/addUnit_one/addUnit_two_type']) |
|
|
|
|
this.router.navigate(['/statisticanalysis/addUnit_one/addUnit_two_type'],{queryParams:{'level':this.headname}}) |
|
|
|
|
} |
|
|
|
|
reverse(){ |
|
|
|
|
this.router.navigate(['/statisticanalysis/addUnit_one/addUnit_two_time']) |
|
|
|
|
this.router.navigate(['/statisticanalysis/addUnit_one/addUnit_two_time'],{queryParams:{'level':this.headname}}) |
|
|
|
|
} |
|
|
|
|
constructor(private router: Router,public dialog: MatDialog,public snackBar: MatSnackBar,private serviceData: EchartsDataService) { } |
|
|
|
|
constructor(private router: Router,public dialog: MatDialog,public snackBar: MatSnackBar,private serviceData: EchartsDataService,private route:ActivatedRoute) { } |
|
|
|
|
setTimeoutObj//延时器需要清除
|
|
|
|
|
headname |
|
|
|
|
ngOnInit(): void { |
|
|
|
|
this.dateInit () |
|
|
|
|
//this.dateInit ()
|
|
|
|
|
this.bianli() |
|
|
|
|
this.route.queryParams.subscribe(param=>{ |
|
|
|
|
this.headname=param.level |
|
|
|
|
}); |
|
|
|
|
this.setTimeoutObj = setTimeout(() => { |
|
|
|
|
this.oneInit (this.date,this.dateNum) |
|
|
|
|
//this.oneInit (this.date,this.dateNum)
|
|
|
|
|
this.twoInit (this.date,this.dateNum,'month') |
|
|
|
|
}, 0); |
|
|
|
|
} |
|
|
|
|
ngOnDestroy(){ |
|
|
|
|
window.clearTimeout(this.setTimeoutObj); |
|
|
|
|
this.chartQusj.clear() |
|
|
|
|
this.chartQusj.dispose() |
|
|
|
|
this.forArr.forEach(item => { |
|
|
|
|
item.echart.clear() |
|
|
|
|
item.echart.dispose() |
|
|
|
|
@ -104,12 +106,12 @@ export class AddUnitTwoTimeComponent implements OnInit {
|
|
|
|
|
|
|
|
|
|
if(this.selectType == "year"){ |
|
|
|
|
this.tiaoshiPao=this.serviceData.qipao(this.tiaoshiPao,this.dateNum2,this.date2) |
|
|
|
|
this.oneInit(this.date2,this.dateNum2) |
|
|
|
|
//this.oneInit(this.date2,this.dateNum2)
|
|
|
|
|
this.twoInit(this.date2,this.dateNum2,'year') |
|
|
|
|
} |
|
|
|
|
if(this.selectType == "month"){ |
|
|
|
|
this.tiaoshiPao=this.serviceData.qipao(this.tiaoshiPao,this.dateNum,this.date) |
|
|
|
|
this.oneInit(this.date,this.dateNum) |
|
|
|
|
//this.oneInit(this.date,this.dateNum)
|
|
|
|
|
this.twoInit(this.date,this.dateNum,'month') |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -259,7 +261,7 @@ export class AddUnitTwoTimeComponent implements OnInit {
|
|
|
|
|
twoInit (date,dateNum,typeName) { |
|
|
|
|
this.forArr.forEach((item,key) => { |
|
|
|
|
let that = this |
|
|
|
|
item.echart = echarts.init(document.getElementById(item.id), 'skinUpp'); |
|
|
|
|
item.echart = echarts.init(document.getElementById('gaoceng'), 'skinUpp'); |
|
|
|
|
var option = { |
|
|
|
|
grid: { |
|
|
|
|
top: 50, |
|
|
|
|
@ -269,13 +271,13 @@ export class AddUnitTwoTimeComponent implements OnInit {
|
|
|
|
|
}, |
|
|
|
|
// 标题
|
|
|
|
|
title: { |
|
|
|
|
text: item.name+'：总数（1012）', |
|
|
|
|
text: this.headname+'：总数（1012）', |
|
|
|
|
top: -4, |
|
|
|
|
left: 'center', |
|
|
|
|
textStyle:{ |
|
|
|
|
//文字颜色
|
|
|
|
|
color:'#000', |
|
|
|
|
fontSize:22 |
|
|
|
|
fontSize:30 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
//提示框
|
|
|
|
|
@ -287,7 +289,8 @@ export class AddUnitTwoTimeComponent implements OnInit {
|
|
|
|
|
}else{ |
|
|
|
|
return this.serviceData.tableTooltip(this.serviceData.tableDataZhi,params[0].name) |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
position: this.serviceData.tableTooltipNoShow2 |
|
|
|
|
}, |
|
|
|
|
// x轴
|
|
|
|
|
xAxis: { |
|
|
|
|
@ -352,13 +355,17 @@ export class AddUnitTwoTimeComponent implements OnInit {
|
|
|
|
|
/*事件处理代码书写位置*/ |
|
|
|
|
// console.log(option.series[0].data[xIndex],option.xAxis.data[xIndex],option.title.text,option.series[0].name)
|
|
|
|
|
if(option.series[0].name == "year"){ |
|
|
|
|
this.router.navigate(['/statisticanalysis/addUnit_one/addUnit_two_time/three_lineDetails'],{queryParams:{'year':this.date2[xIndex],'buildingType':item.name}}); |
|
|
|
|
this.router.navigate(['/statisticanalysis/addUnit_one/addUnit_two_time/three_lineDetails'],{queryParams:{'year':this.date2[xIndex],'buildingType':this.headname}}); |
|
|
|
|
}else{ |
|
|
|
|
this.router.navigate(['/statisticanalysis/addUnit_one/addUnit_two_time/three_barDetails'],{queryParams:{'level':this.serviceData.zuzhiorBuilding=="zhi"? 'zhongdui':'zhidui','time':option.xAxis.data[xIndex],'buildingTpye':item.name}}); |
|
|
|
|
this.router.navigate(['/statisticanalysis/addUnit_one/addUnit_two_time/three_barDetails'],{queryParams:{'level':'zhidui','time':option.xAxis.data[xIndex],'buildingTpye':this.headname}}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
}); |
|
|
|
|
}) |
|
|
|
|
} |
|
|
|
|
//返回
|
|
|
|
|
backClick(){ |
|
|
|
|
this.router.navigateByUrl('/statisticanalysis/addUnit_one') |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
chenjingyu
4 years ago