|
|
|
@ -1,5 +1,6 @@ |
|
|
|
import { Component, OnInit } from '@angular/core'; |
|
|
|
import { Component, OnInit } from '@angular/core'; |
|
|
|
import { Router } from '@angular/router'; |
|
|
|
import { Router } from '@angular/router'; |
|
|
|
|
|
|
|
import { HttpClient } from '@angular/common/http' |
|
|
|
import {EchartsDataService,} from '../../echarts-data.service' |
|
|
|
import {EchartsDataService,} from '../../echarts-data.service' |
|
|
|
declare var echarts: any; |
|
|
|
declare var echarts: any; |
|
|
|
@Component({ |
|
|
|
@Component({ |
|
|
|
@ -9,7 +10,7 @@ declare var echarts: any; |
|
|
|
}) |
|
|
|
}) |
|
|
|
export class BuildingTypeOneComponent implements OnInit { |
|
|
|
export class BuildingTypeOneComponent implements OnInit { |
|
|
|
|
|
|
|
|
|
|
|
constructor(private router: Router,public echartsData:EchartsDataService) { } |
|
|
|
constructor(private http:HttpClient,private router: Router,public echartsData:EchartsDataService) { } |
|
|
|
|
|
|
|
|
|
|
|
ngOnInit(): void { |
|
|
|
ngOnInit(): void { |
|
|
|
window.setTimeout(()=>{ |
|
|
|
window.setTimeout(()=>{ |
|
|
|
@ -22,11 +23,23 @@ export class BuildingTypeOneComponent implements OnInit { |
|
|
|
} |
|
|
|
} |
|
|
|
/* 首页饼状图 */ |
|
|
|
/* 首页饼状图 */ |
|
|
|
indexBzt |
|
|
|
indexBzt |
|
|
|
|
|
|
|
lengthdata=[]//提示数据
|
|
|
|
|
|
|
|
count=0//总数
|
|
|
|
|
|
|
|
indexData=[]//所有数据
|
|
|
|
initCharts(){ |
|
|
|
initCharts(){ |
|
|
|
this.indexBzt = echarts.init(document.getElementById('indexBzt'),'walden'); |
|
|
|
this.http.get("/api/StatisticsAnalysis").subscribe((data:any)=>{ |
|
|
|
|
|
|
|
for(var i=0;i<data.companyStatistics.buildingTypeStatistics.buildingTypes.length;i++){ |
|
|
|
|
|
|
|
this.lengthdata.push(data.companyStatistics.buildingTypeStatistics.buildingTypes[i].buildingTypeName) |
|
|
|
|
|
|
|
this.count=this.count+data.companyStatistics.buildingTypeStatistics.buildingTypes[i].count |
|
|
|
|
|
|
|
this.indexData.push(data.companyStatistics.buildingTypeStatistics.buildingTypes[i]) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
//JSON.parse(JSON.stringify(this.indexData).replace(/buildingTypeName/g, 'name'))
|
|
|
|
|
|
|
|
this.indexData=this.indexData.map(v=>{return {name: v.buildingTypeName,value:v.count}}) |
|
|
|
|
|
|
|
console.log(this.indexData) |
|
|
|
|
|
|
|
this.indexBzt = echarts.init(document.getElementById('indexBzt'),'walden'); |
|
|
|
let options={ |
|
|
|
let options={ |
|
|
|
title: { |
|
|
|
title: { |
|
|
|
text: '建筑类型统计（8900家）', |
|
|
|
text: `建筑类型统计（${this.count}家）`, |
|
|
|
left: 'center', |
|
|
|
left: 'center', |
|
|
|
top: "7%", |
|
|
|
top: "7%", |
|
|
|
textStyle: { |
|
|
|
textStyle: { |
|
|
|
@ -48,7 +61,7 @@ export class BuildingTypeOneComponent implements OnInit { |
|
|
|
fontSize:18, |
|
|
|
fontSize:18, |
|
|
|
color:"#000000" |
|
|
|
color:"#000000" |
|
|
|
},
|
|
|
|
},
|
|
|
|
data: ['高层', '地下', '轨道交通', '化工生产', '储罐类' , '厂房','古建筑', '商市场', '医院', '学校', '宾馆' , '娱乐场所','餐饮业', '影剧院', '展览建筑' , '隧道'] |
|
|
|
data: this.lengthdata |
|
|
|
}, |
|
|
|
}, |
|
|
|
series: [ |
|
|
|
series: [ |
|
|
|
{ |
|
|
|
{ |
|
|
|
@ -67,24 +80,24 @@ export class BuildingTypeOneComponent implements OnInit { |
|
|
|
} |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
}, |
|
|
|
data: [ |
|
|
|
data:/* [ |
|
|
|
{value: 500, name: '高层'}, |
|
|
|
{value: this.indexData[0].count, name: this.indexData[0].buildingTypeName}, |
|
|
|
{value: 800, name: '地下'}, |
|
|
|
{value: this.indexData[1].count, name: this.indexData[1].buildingTypeName}, |
|
|
|
{value: 900, name: '轨道交通'}, |
|
|
|
{value: this.indexData[2].count, name: this.indexData[2].buildingTypeName}, |
|
|
|
{value: 800, name: '化工生产'}, |
|
|
|
{value: this.indexData[3].count, name: this.indexData[3].buildingTypeName}, |
|
|
|
{value: 1200, name: '储罐类'}, |
|
|
|
{value: this.indexData[4].count, name: this.indexData[4].buildingTypeName}, |
|
|
|
{value: 1500, name: '厂房'}, |
|
|
|
{value: this.indexData[5].count, name: this.indexData[5].buildingTypeName}, |
|
|
|
{value: 1400, name: '古建筑'}, |
|
|
|
{value: this.indexData[6].count, name: this.indexData[6].buildingTypeName}, |
|
|
|
{value: 600, name: '商市场'}, |
|
|
|
{value: this.indexData[7].count, name: this.indexData[7].buildingTypeName}, |
|
|
|
{value: 568, name: '医院'}, |
|
|
|
{value: this.indexData[8].count, name: this.indexData[8].buildingTypeName}, |
|
|
|
{value: 888, name: '学校'}, |
|
|
|
{value: this.indexData[9].count, name: this.indexData[9].buildingTypeName}, |
|
|
|
{value: 485, name: '宾馆'}, |
|
|
|
{value: this.indexData[10].count, name: this.indexData[0].buildingTypeName}, |
|
|
|
{value: 966, name: '娱乐场所'}, |
|
|
|
{value: this.indexData[0].count, name: this.indexData[0].buildingTypeName}, |
|
|
|
{value: 789, name: '餐饮业'}, |
|
|
|
{value: this.indexData[0].count, name: this.indexData[0].buildingTypeName}, |
|
|
|
{value: 500, name: '影剧院'}, |
|
|
|
{value: 500, name: '影剧院'}, |
|
|
|
{value: 1025, name: '展览建筑'}, |
|
|
|
{value: 1025, name: '展览建筑'}, |
|
|
|
{value: 600, name: '隧道'} |
|
|
|
{value: 600, name: '隧道'}
|
|
|
|
], |
|
|
|
] */this.indexData, |
|
|
|
emphasis: { |
|
|
|
emphasis: { |
|
|
|
itemStyle: { |
|
|
|
itemStyle: { |
|
|
|
shadowBlur: 10, |
|
|
|
shadowBlur: 10, |
|
|
|
@ -99,6 +112,9 @@ export class BuildingTypeOneComponent implements OnInit { |
|
|
|
this.router.navigate(['/statisticanalysis/buildingType_one/buildingType_two_reverse'],{queryParams:{'level':params.name}}); |
|
|
|
this.router.navigate(['/statisticanalysis/buildingType_one/buildingType_two_reverse'],{queryParams:{'level':params.name}}); |
|
|
|
}); |
|
|
|
}); |
|
|
|
this.indexBzt.setOption(options); |
|
|
|
this.indexBzt.setOption(options); |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
biaogeTishi(biaotou:string){ |
|
|
|
biaogeTishi(biaotou:string){ |
|
|
|
var shuju='[{"name":"浦东支队","number":"156","zhanbi":"3%"},{"name":"黄浦支队","number":"144","zhanbi":"2.8%"},' |
|
|
|
var shuju='[{"name":"浦东支队","number":"156","zhanbi":"3%"},{"name":"黄浦支队","number":"144","zhanbi":"2.8%"},' |
|
|
|
|
