diff --git a/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.html b/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.html
new file mode 100644
index 0000000..b560d1b
--- /dev/null
+++ b/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.html
@@ -0,0 +1,4 @@
+
+
+
+
\ No newline at end of file
diff --git a/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.scss b/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.scss
new file mode 100644
index 0000000..1bffad0
--- /dev/null
+++ b/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.scss
@@ -0,0 +1,8 @@
+.tishi{
+ width: 100%;
+ height: 100%;
+ span{
+ font-size: 25px;
+ text-align: center;
+ }
+}
\ No newline at end of file
diff --git a/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.spec.ts b/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.spec.ts
new file mode 100644
index 0000000..a7c2ab3
--- /dev/null
+++ b/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AddUnitOneComponent } from './add-unit-one.component';
+
+describe('AddUnitOneComponent', () => {
+ let component: AddUnitOneComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ AddUnitOneComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(AddUnitOneComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.ts b/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.ts
new file mode 100644
index 0000000..34673d9
--- /dev/null
+++ b/src/app/statistic-analysis/addUnit/add-unit-one/add-unit-one.component.ts
@@ -0,0 +1,124 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+declare var echarts: any;
+@Component({
+ selector: 'app-add-unit-one',
+ templateUrl: './add-unit-one.component.html',
+ styleUrls: ['./add-unit-one.component.scss']
+})
+export class AddUnitOneComponent implements OnInit {
+
+ constructor(private router: Router) { }
+
+ ngOnInit(): void {
+ window.setTimeout(()=>{
+ this.initCharts()
+ },0)
+ }
+ /* 首页饼状图 */
+ initCharts(){
+ let indexBzt = echarts.init(document.getElementById('indexBzt'));
+ let options={
+ title: {
+ text: '新增单位统计（8900家）',
+ left: 'center',
+ top: "7%",
+ textStyle: {
+ fontSize:31
+ }
+ },
+ tooltip: {
+ trigger: 'item',
+ formatter: (params)=>{
+ return this.biaogeTishi(params.name)
+ },
+ backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度
+ borderWidth:'1',
+ borderRadius :'0'
+ },
+ legend: {
+ orient: 'vertical',
+ right: 150,
+ top:80,
+ data: ['高层', '地下', '轨道交通', '化工生产', '储罐类' , '厂房','古建筑', '商市场', '医院', '学校', '宾馆' , '娱乐场所','餐饮业', '影剧院', '展览建筑' , '隧道']
+ },
+ series: [
+ {
+ name: '访问来源',
+ type: 'pie',
+ radius: '60%',
+ center: ['50%', '53%'],
+ label:{
+ show:true,
+ fontSize:13,
+ formatter:'{b}{c}家\n{d|({d}%)}',
+ rich: {
+ d: {
+ align: 'center',
+ }
+ },
+ },
+ data: [
+ {value: 500, name: '高层'},
+ {value: 800, name: '地下'},
+ {value: 900, name: '轨道交通'},
+ {value: 800, name: '化工生产'},
+ {value: 1200, name: '储罐类'},
+ {value: 1500, name: '厂房'},
+ {value: 1400, name: '古建筑'},
+ {value: 600, name: '商市场'},
+ {value: 568, name: '医院'},
+ {value: 888, name: '学校'},
+ {value: 485, name: '宾馆'},
+ {value: 966, name: '娱乐场所'},
+ {value: 789, name: '餐饮业'},
+ {value: 500, name: '影剧院'},
+ {value: 1025, name: '展览建筑'},
+ {value: 600, name: '隧道'}
+ ],
+ emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ }
+ }
+ }
+ ]
+ };
+ indexBzt.on('click', (params) => {
+ this.router.navigateByUrl('/statisticanalysis/addUnit_one/addUnit_two_type');
+ });
+ indexBzt.setOption(options);
+ }
+ biaogeTishi(biaotou:string){
+ var shuju='[{"name":"浦东支队","number":"156","zhanbi":"3%"},{"name":"黄埔支队","number":"144","zhanbi":"2.8%"},'
+ shuju+='{"name":"徐汇支队","number":"133","zhanbi":"2.1%"},{"name":"长宁支队","number":"122","zhanbi":"1.6%"},'
+ shuju+='{"name":"静安支队","number":"120","zhanbi":"1.3%"},{"name":"普陀支队","number":"100","zhanbi":"1.1%"},'
+ shuju+='{"name":"虹口支队","number":"95","zhanbi":"1%"},{"name":"杨浦支队","number":"90","zhanbi":"0.9%"},'
+ shuju+='{"name":"闵行支队","number":"88","zhanbi":"0.8%"},{"name":"宝山支队","number":"83","zhanbi":"0.7%"},'
+ shuju+='{"name":"徐汇支队","number":"133","zhanbi":"2.1%"},{"name":"长宁支队","number":"122","zhanbi":"1.6%"},'
+ shuju+='{"name":"嘉定支队","number":"78","zhanbi":"0.6%"},{"name":"松江支队","number":"75","zhanbi":"0.5%"},'
+ shuju+='{"name":"金山支队","number":"65","zhanbi":"0.4%"},{"name":"崇明支队","number":"55","zhanbi":"0.3%"}]'
+ var jsonObj = JSON.parse(shuju);
+ var res = ''+biaotou+'
'
+ res+='
';
+ res+='';
+ res+='| 名称 | ';
+ res+='数量 | '
+ res+='总占比 | '
+ res+='
'
+ res+='';
+ for(var i=0;i'
+ res+=''+jsonObj[i].number+' | '
+ res+=''+jsonObj[i].zhanbi+' | '
+ }
+
+ res+=''
+ res+='总计 | 1356 | 19% | '
+ res+='
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
'+params.name+'
'
+ res+='
';
+ res+='';
+ res+='| 名称 | ';
+ res+='数量 | '
+ res+='总占比 | '
+ res+='
'
+ res+='';
+ for(var i=0;i'
+ res+=''+data[i].number+' | '
+ res+=''+data[i].zhanbi+' | '
+ }
+
+ res+=''
+ // res+='总计 | 1356 | 19% | '
+ res+='
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
'+title+'
'
+ res+='
';
+ res+='';
+ res+='| 名称 | ';
+ res+='数量 | '
+ res+='总占比 | '
+ res+='
'
+ res+='';
+ for(var i=0;i'
+ res+=''+data[i].number+' | '
+ res+=''+data[i].zhanbi+' | '
+ }
+
+ res+=''
+ res+='总计 | 1356 | 19% | '
+ res+='
building-type-one works!
+
+
+
+
\ No newline at end of file
diff --git a/src/app/statistic-analysis/buildingType/building-type-one/building-type-one.component.scss b/src/app/statistic-analysis/buildingType/building-type-one/building-type-one.component.scss
index e69de29..1bffad0 100644
--- a/src/app/statistic-analysis/buildingType/building-type-one/building-type-one.component.scss
+++ b/src/app/statistic-analysis/buildingType/building-type-one/building-type-one.component.scss
@@ -0,0 +1,8 @@
+.tishi{
+ width: 100%;
+ height: 100%;
+ span{
+ font-size: 25px;
+ text-align: center;
+ }
+}
\ No newline at end of file
diff --git a/src/app/statistic-analysis/buildingType/building-type-one/building-type-one.component.ts b/src/app/statistic-analysis/buildingType/building-type-one/building-type-one.component.ts
index b475080..867d366 100644
--- a/src/app/statistic-analysis/buildingType/building-type-one/building-type-one.component.ts
+++ b/src/app/statistic-analysis/buildingType/building-type-one/building-type-one.component.ts
@@ -1,5 +1,6 @@
import { Component, OnInit } from '@angular/core';
-
+import { Router } from '@angular/router';
+declare var echarts: any;
@Component({
selector: 'app-building-type-one',
templateUrl: './building-type-one.component.html',
@@ -7,9 +8,117 @@ import { Component, OnInit } from '@angular/core';
})
export class BuildingTypeOneComponent implements OnInit {
- constructor() { }
+ constructor(private router: Router) { }
ngOnInit(): void {
+ window.setTimeout(()=>{
+ this.initCharts()
+ },0)
+ }
+ /* 首页饼状图 */
+ initCharts(){
+ let indexBzt = echarts.init(document.getElementById('indexBzt'));
+ let options={
+ title: {
+ text: '建筑类型统计（8900家）',
+ left: 'center',
+ top: "7%",
+ textStyle: {
+ fontSize:31
+ }
+ },
+ tooltip: {
+ trigger: 'item',
+ formatter: (params)=>{
+ return this.biaogeTishi(params.name)
+ },
+ backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度
+ borderWidth:'1',
+ borderRadius :'0'
+ },
+ legend: {
+ orient: 'vertical',
+ right: 150,
+ top:80,
+ data: ['高层', '地下', '轨道交通', '化工生产', '储罐类' , '厂房','古建筑', '商市场', '医院', '学校', '宾馆' , '娱乐场所','餐饮业', '影剧院', '展览建筑' , '隧道']
+ },
+ series: [
+ {
+ name: '访问来源',
+ type: 'pie',
+ radius: '60%',
+ center: ['50%', '53%'],
+ label:{
+ show:true,
+ fontSize:13,
+ formatter:'{b}{c}家\n{d|({d}%)}',
+ rich: {
+ d: {
+ align: 'center',
+ }
+ },
+ },
+ data: [
+ {value: 500, name: '高层'},
+ {value: 800, name: '地下'},
+ {value: 900, name: '轨道交通'},
+ {value: 800, name: '化工生产'},
+ {value: 1200, name: '储罐类'},
+ {value: 1500, name: '厂房'},
+ {value: 1400, name: '古建筑'},
+ {value: 600, name: '商市场'},
+ {value: 568, name: '医院'},
+ {value: 888, name: '学校'},
+ {value: 485, name: '宾馆'},
+ {value: 966, name: '娱乐场所'},
+ {value: 789, name: '餐饮业'},
+ {value: 500, name: '影剧院'},
+ {value: 1025, name: '展览建筑'},
+ {value: 600, name: '隧道'}
+ ],
+ emphasis: {
+ itemStyle: {
+ shadowBlur: 10,
+ shadowOffsetX: 0,
+ shadowColor: 'rgba(0, 0, 0, 0.5)'
+ }
+ }
+ }
+ ]
+ };
+ indexBzt.on('click', (params) => {
+ this.router.navigateByUrl('/statisticanalysis/buildingType_one/buildingType_two_forward');
+ });
+ indexBzt.setOption(options);
+ }
+ biaogeTishi(biaotou:string){
+ var shuju='[{"name":"浦东支队","number":"156","zhanbi":"3%"},{"name":"黄埔支队","number":"144","zhanbi":"2.8%"},'
+ shuju+='{"name":"徐汇支队","number":"133","zhanbi":"2.1%"},{"name":"长宁支队","number":"122","zhanbi":"1.6%"},'
+ shuju+='{"name":"静安支队","number":"120","zhanbi":"1.3%"},{"name":"普陀支队","number":"100","zhanbi":"1.1%"},'
+ shuju+='{"name":"虹口支队","number":"95","zhanbi":"1%"},{"name":"杨浦支队","number":"90","zhanbi":"0.9%"},'
+ shuju+='{"name":"闵行支队","number":"88","zhanbi":"0.8%"},{"name":"宝山支队","number":"83","zhanbi":"0.7%"},'
+ shuju+='{"name":"徐汇支队","number":"133","zhanbi":"2.1%"},{"name":"长宁支队","number":"122","zhanbi":"1.6%"},'
+ shuju+='{"name":"嘉定支队","number":"78","zhanbi":"0.6%"},{"name":"松江支队","number":"75","zhanbi":"0.5%"},'
+ shuju+='{"name":"金山支队","number":"65","zhanbi":"0.4%"},{"name":"崇明支队","number":"55","zhanbi":"0.3%"}]'
+ var jsonObj = JSON.parse(shuju);
+ var res = ''+biaotou+'
'
+ res+='
';
+ res+='';
+ res+='| 名称 | ';
+ res+='数量 | '
+ res+='总占比 | '
+ res+='
'
+ res+='';
+ for(var i=0;i'
+ res+=''+jsonObj[i].number+' | '
+ res+=''+jsonObj[i].zhanbi+' | '
+ }
+
+ res+=''
+ res+='总计 | 1356 | 19% | '
+ res+='
'+params.name+'
'
+ res+='
';
+ res+='';
+ res+='| 名称 | ';
+ res+='数量 | '
+ res+='总占比 | '
+ res+='
'
+ res+='';
+ for(var i=0;i'
+ res+=''+data[i].number+' | '
+ res+=''+data[i].zhanbi+' | '
+ }
+
+ res+=''
+ // res+='总计 | 1356 | 19% | '
+ res+='
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
'+title+'
'
+ res+='
';
+ res+='';
+ res+='| 名称 | ';
+ res+='数量 | '
+ res+='总占比 | '
+ res+='
'
+ res+='';
+ for(var i=0;i'
+ res+=''+data[i].number+' | '
+ res+=''+data[i].zhanbi+' | '
+ }
+
+ res+=''
+ res+='总计 | 1356 | 19% | '
+ res+='
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
'+title+'
'
+ res+='
';
+ res+='';
+ res+='| 名称 | ';
+ res+='数量 | '
+ res+='总占比 | '
+ res+='
'
+ res+='';
+ for(var i=0;i'
+ res+=''+data[i].number+' | '
+ res+=''+data[i].zhanbi+' | '
+ }
+
+ res+=''
+ res+='总计 | 1356 | 19% | '
+ res+='
'+title+'
'
+ res+='
';
+ res+='';
+ res+='| 名称 | ';
+ res+='数量 | '
+ res+='总占比 | '
+ res+='
'
+ res+='';
+ for(var i=0;i'
+ res+=''+data[i].number+' | '
+ res+=''+data[i].zhanbi+' | '
+ }
+
+ res+=''
+ // res+='总计 | 1356 | 19% | '
+ res+='
+
+
+
+
+ | 支队 |
+ {{element.team}} |
+
+
+
+ 标题 |
+ {{element.content}} |
+
+
+
+ 时间 |
+ {{element.time}} |
+
+
+ |
+ |
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+