From cbfe154d6a16a9538422c8abdf52509346ce8f3d Mon Sep 17 00:00:00 2001 From: cpf <1105965053@qq.com> Date: Sat, 5 Sep 2020 13:32:58 +0800 Subject: [PATCH 1/3] =?UTF-8?q?[=E5=AE=8C=E5=96=84]=20=E8=AE=A1=E5=88=92?= =?UTF-8?q?=E6=9B=B4=E6=96=B0=E7=BB=9F=E8=AE=A1=20=E9=BC=A0=E6=A0=87?= =?UTF-8?q?=E6=82=AC=E5=81=9C=E6=A0=B7=E5=BC=8F=20=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../echarts-data.service.ts | 19 +++- .../scheduled-updates.component.ts | 57 +++++++--- .../page-two-time/page-two-time.component.ts | 102 +++++++++++++----- 3 files changed, 135 insertions(+), 43 deletions(-) diff --git a/src/app/statistic-analysis/echarts-data.service.ts b/src/app/statistic-analysis/echarts-data.service.ts index 3fe81f8..2627003 100644 --- a/src/app/statistic-analysis/echarts-data.service.ts +++ b/src/app/statistic-analysis/echarts-data.service.ts @@ -18,6 +18,7 @@ export class EchartsDataService { + //echarts 悬停 显示表格假数据 //支队提示框 tableDataZhi = [ {name:"浦东支队",number:"156",zhanbi:"3%"}, @@ -94,6 +95,16 @@ export class EchartsDataService { {name:"十二月",number:"122",zhanbi:"1.6%"}, {name:"总计",number:"984",zhanbi:"20%"} ] + //预案提示框 + planData = [ + {name:"预案新增",number:"156",zhanbi:"19%"}, + {name:"预案审核通过",number:"144",zhanbi:"21%"}, + {name:"预案编制",number:"133",zhanbi:"20%"}, + {name:"预案审核退回",number:"122",zhanbi:"17%"}, + {name:"预案审核中",number:"120",zhanbi:"23%"}, + {name:"总计",number:"561",zhanbi:"100%"}, + ] + //提示框表格 tableTooltip(dataArr,title:string){ let data = dataArr @@ -113,10 +124,10 @@ export class EchartsDataService { } res+='' - // res+='总计135619%' res+='' return res } + //如果提示框显示不开 tableTooltipNoShow(point, params, dom, rect, size) { // 鼠标坐标和提示框位置的参考坐标系是：以外层div的左上角那一点为原点，x轴向右，y轴向下 @@ -153,10 +164,7 @@ export class EchartsDataService { return [pointX, pointY]; } - - //用法： - // tooltip: { // trigger: 'axis', // backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 @@ -167,4 +175,7 @@ export class EchartsDataService { // }, // position:this.serviceData.tableTooltipNoShow // } + + + } diff --git a/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.ts b/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.ts index a3d8ed9..c57aa84 100644 --- a/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.ts +++ b/src/app/statistic-analysis/scheduled-updates/scheduled-updates.component.ts @@ -11,7 +11,7 @@ declare var echarts: any; }) export class ScheduledUpdatesComponent implements OnInit { - constructor(private router: Router) { } + constructor(private router: Router,public echartsData:EchartsDataService) { } ngOnInit(): void { window.setTimeout(()=>{ @@ -19,9 +19,15 @@ export class ScheduledUpdatesComponent implements OnInit { }) } + ngOnDestroy () { + this.example.clear() + this.example.dispose() + } + + example:any; /* 首页饼状图 */ initCharts(){ - var indexBzt = echarts.init(document.getElementById('center')); + this.example= echarts.init(document.getElementById('center')); var options={ title: { text: '计划更新统计（7100家）', @@ -33,12 +39,13 @@ export class ScheduledUpdatesComponent implements OnInit { }, tooltip: { trigger: 'item', - formatter: (params)=>{ - // return this.biaogeTishi(params.name) - } , backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 borderWidth:'1', - borderRadius :'0' + borderRadius :'0', + formatter: (params)=>{ + return this.echartsData.tableTooltip(this.echartsData.tableDataZhi,params.name) + }, + position:this.echartsData.tableTooltipNoShow }, legend: { orient: 'vertical', @@ -78,8 +85,8 @@ export class ScheduledUpdatesComponent implements OnInit { }] }; - indexBzt.setOption(options); - indexBzt.on('click', (params) => { + this.example.setOption(options); + this.example.on('click', (params) => { this.router.navigateByUrl('/statisticanalysis/scheduledUpdates/PublicEcharts'); }); } @@ -98,7 +105,7 @@ export class publicEchartsComponent implements OnInit { constructor(private router: Router,public echartsData:EchartsDataService,public dialog: MatDialog,) { } ngOnInit(): void { - + this.echartsData.scheduledUpdatesToggle = true } isToggle:boolean = true; // 已核查/未核查 @@ -149,8 +156,10 @@ export class verifiedComponent implements OnInit { } ngOnDestroy () { + this.oneEcharts.dispose() this.oneEcharts.clear() this.items.forEach((element,index) => { + element.echart.dispose() element.echart.clear() }); } @@ -179,6 +188,13 @@ export class verifiedComponent implements OnInit { //提示框 tooltip: { trigger: 'axis', + backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 + borderWidth:'1', + borderRadius :'0', + formatter: (params)=>{ + return this.echartsData.tableTooltip(this.echartsData.tableDataZhi,params[0].name) + }, + position:this.echartsData.tableTooltipNoShow }, // x轴 xAxis: { @@ -363,6 +379,7 @@ export class notVerifiedComponent implements OnInit { } ngOnDestroy () { + this.oneEcharts.dispose() this.oneEcharts.clear() } @@ -382,9 +399,13 @@ export class notVerifiedComponent implements OnInit { }, tooltip: { trigger: 'axis', - axisPointer: { - type: 'shadow' - } + backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 + borderWidth:'1', + borderRadius :'0', + formatter: (params)=>{ + return this.echartsData.tableTooltip(this.echartsData.tableDataZhi,'未核查') + }, + position:this.echartsData.tableTooltipNoShow }, legend: { data: ['剩余未核查','总数'], @@ -470,8 +491,14 @@ export class detailedInformationComponent implements OnInit { },0) } + ngOnDestroy () { + this.example.dispose() + this.example.clear() + } + + example:any; oneInit () { - let echart = echarts.init(document.getElementById('center'), 'skinUpp'); + this.example = echarts.init(document.getElementById('center'), 'skinUpp'); if (this.echartsData.scheduledUpdatesType ===0) { //已核查 var option = { title: { @@ -560,7 +587,7 @@ export class detailedInformationComponent implements OnInit { }, ] }; - echart.setOption(option); + this.example.setOption(option); } else { //未核查 var options = { title: { @@ -631,7 +658,7 @@ export class detailedInformationComponent implements OnInit { }, ] }; - echart.setOption(options); + this.example.setOption(options); } } diff --git a/src/app/statistic-analysis/state/page-two-time/page-two-time.component.ts b/src/app/statistic-analysis/state/page-two-time/page-two-time.component.ts index 1f875e2..8426b44 100644 --- a/src/app/statistic-analysis/state/page-two-time/page-two-time.component.ts +++ b/src/app/statistic-analysis/state/page-two-time/page-two-time.component.ts @@ -20,6 +20,7 @@ export class PageTwoTimeComponent implements OnInit { @ViewChild('pageTwoName')pageTwoName :PageTwoNameComponent; //父组件中获得子组件的引用 ngOnInit(): void { + this.echartsData.statefulInspectionToggle = true this.dateInit() } @@ -129,11 +130,25 @@ export class echartsComponent implements OnInit { this.sixInit() },0) } + + ngOnDestroy () { + this.oneExample.clear() + this.oneExample.dispose() + this.twoExample.clear() + this.twoExample.dispose() + this.threeExample.clear() + this.threeExample.dispose() + this.fourExample.clear() + this.fourExample.dispose() + this.fiveExample.clear() + this.fiveExample.dispose() + this.sixExample.clear() + this.sixExample.dispose() + } - - + oneExample:any; oneInit () { - var chartQusj = echarts.init(document.getElementById('one'), 'skinUpp'); + this.oneExample = echarts.init(document.getElementById('one'), 'skinUpp'); var option = { grid: { top: 50, @@ -141,6 +156,15 @@ export class echartsComponent implements OnInit { right: 20, bottom: 20, }, + tooltip: { + trigger: 'axis', + backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 + borderWidth:'1', + borderRadius :'0', + formatter: (params)=>{ + return this.echartsData.tableTooltip(this.echartsData.planData,params[0].name) + }, + }, // 标题 title: { text: '预案统计状态', @@ -158,10 +182,6 @@ export class echartsComponent implements OnInit { fontSize: 22, } }, - //提示框 - tooltip: { - trigger: 'axis', - }, // x轴 xAxis: { type: 'category', @@ -205,12 +225,13 @@ export class echartsComponent implements OnInit { } ], }; - chartQusj.setOption(option); + this.oneExample.setOption(option); } + twoExample:any; twoInit () { let that = this - var chartQusj = echarts.init(document.getElementById('two'), 'skinUpp'); + this.twoExample = echarts.init(document.getElementById('two'), 'skinUpp'); var option = { grid: { top: 50, @@ -228,9 +249,14 @@ export class echartsComponent implements OnInit { color:'#000', } }, - //提示框 tooltip: { trigger: 'axis', + backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 + borderWidth:'1', + borderRadius :'0', + formatter: (params)=>{ + return this.echartsData.tableTooltip(this.echartsData.tableDataZhi,'预案新增') + } }, // x轴 xAxis: { @@ -275,16 +301,17 @@ export class echartsComponent implements OnInit { } ], }; - chartQusj.setOption(option); - chartQusj.on('click', function (params) { + this.twoExample.setOption(option); + this.twoExample.on('click', function (params) { that.echartsData.statefulInspectionName = '预案新增' that.echartsData.statefulInspectionToggle = false }); } + threeExample:any; threeInit () { let that = this - var chartQusj = echarts.init(document.getElementById('three'), 'skinUpp'); + this.threeExample = echarts.init(document.getElementById('three'), 'skinUpp'); var option = { grid: { top: 50, @@ -305,6 +332,12 @@ export class echartsComponent implements OnInit { //提示框 tooltip: { trigger: 'axis', + backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 + borderWidth:'1', + borderRadius :'0', + formatter: (params)=>{ + return this.echartsData.tableTooltip(this.echartsData.tableDataZhi,'预案审核通过') + } }, // x轴 xAxis: { @@ -349,16 +382,17 @@ export class echartsComponent implements OnInit { } ], }; - chartQusj.setOption(option); - chartQusj.on('click', function (params) { + this.threeExample.setOption(option); + this.threeExample.on('click', function (params) { that.echartsData.statefulInspectionName = '预案审核通过' that.echartsData.statefulInspectionToggle = false }); } + fourExample:any; fourInit () { let that = this - var chartQusj = echarts.init(document.getElementById('four'), 'skinUpp'); + this.fourExample = echarts.init(document.getElementById('four'), 'skinUpp'); var option = { grid: { top: 50, @@ -379,6 +413,12 @@ export class echartsComponent implements OnInit { //提示框 tooltip: { trigger: 'axis', + backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 + borderWidth:'1', + borderRadius :'0', + formatter: (params)=>{ + return this.echartsData.tableTooltip(this.echartsData.tableDataZhi,'预案编制') + } }, // x轴 xAxis: { @@ -423,16 +463,17 @@ export class echartsComponent implements OnInit { } ], }; - chartQusj.setOption(option); - chartQusj.on('click', function (params) { + this.fourExample.setOption(option); + this.fourExample.on('click', function (params) { that.echartsData.statefulInspectionName = '预案编制' that.echartsData.statefulInspectionToggle = false }); } + fiveExample:any; fiveInit () { let that = this - var chartQusj = echarts.init(document.getElementById('five'), 'skinUpp'); + this.fiveExample = echarts.init(document.getElementById('five'), 'skinUpp'); var option = { grid: { top: 50, @@ -453,6 +494,12 @@ export class echartsComponent implements OnInit { //提示框 tooltip: { trigger: 'axis', + backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 + borderWidth:'1', + borderRadius :'0', + formatter: (params)=>{ + return this.echartsData.tableTooltip(this.echartsData.tableDataZhi,'预案审核退回') + } }, // x轴 xAxis: { @@ -497,16 +544,17 @@ export class echartsComponent implements OnInit { } ], }; - chartQusj.setOption(option); - chartQusj.on('click', function (params) { + this.fiveExample.setOption(option); + this.fiveExample.on('click', function (params) { that.echartsData.statefulInspectionName = '预案审核退回' that.echartsData.statefulInspectionToggle = false }); } + sixExample:any; sixInit () { let that = this - var chartQusj = echarts.init(document.getElementById('six'), 'skinUpp'); + this.sixExample = echarts.init(document.getElementById('six'), 'skinUpp'); var option = { grid: { top: 50, @@ -527,6 +575,12 @@ export class echartsComponent implements OnInit { //提示框 tooltip: { trigger: 'axis', + backgroundColor:'rgba(255,255,255,1)',//通过设置rgba调节背景颜色与透明度 + borderWidth:'1', + borderRadius :'0', + formatter: (params)=>{ + return this.echartsData.tableTooltip(this.echartsData.tableDataZhi,'预案审核中') + } }, // x轴 xAxis: { @@ -571,8 +625,8 @@ export class echartsComponent implements OnInit { } ], }; - chartQusj.setOption(option); - chartQusj.on('click', function (params) { + this.sixExample.setOption(option); + this.sixExample.on('click', function (params) { that.echartsData.statefulInspectionName = '预案审核中' that.echartsData.statefulInspectionToggle = false }); From 7bd7c2bc2b0f357af5dbdac7b7c947320781115f Mon Sep 17 00:00:00 2001 From: chenjingyu Date: Sat, 5 Sep 2020 13:50:39 +0800 Subject: [PATCH 2/3] =?UTF-8?q?[=E5=88=A0=E9=99=A4=E9=A1=B5=E9=9D=A2]?= =?UTF-8?q?=E6=80=BB=E4=BD=93=E5=AE=8C=E6=88=90?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../delete-one/delete-one.component.html | 4 +- .../delete-one/delete-one.component.ts | 31 ++-- .../delete-there/delete-there.component.html | 6 +- .../delete-there/delete-there.component.scss | 4 - .../delete-there/delete-there.component.ts | 53 ++++-- .../delete-two/delete-two.component.html | 106 +++++++----- .../delete-two/delete-two.component.scss | 58 ++++--- .../delete-two/delete-two.component.ts | 154 ++++++++++++++---- .../statistic-analysis-routing.module.ts | 12 +- 9 files changed, 298 insertions(+), 130 deletions(-) diff --git a/src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.html b/src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.html index 34c9ac1..f109d8c 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.html +++ b/src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.html @@ -4,6 +4,6 @@ * @Author: sueRimn * @Date: 2020-09-02 16:15:53 * @LastEditors: sueRimn - * @LastEditTime: 2020-09-02 16:27:59 + * @LastEditTime: 2020-09-05 11:28:26 --> -
+
diff --git a/src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.ts b/src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.ts index 8f1f8fa..860ecbf 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.ts +++ b/src/app/statistic-analysis/deleteUnit/delete-one/delete-one.component.ts @@ -10,6 +10,8 @@ declare var echarts: any; export class DeleteOneComponent implements OnInit { options:any; + indexBzt//echarts实例 + constructor(private router: Router) { } ngOnInit() { @@ -17,19 +19,24 @@ export class DeleteOneComponent implements OnInit { this.initCharts() },0) } + ngOnDestroy():void{ + this.indexBzt.clear() + this.indexBzt.dispose() + } /* 首页饼状图 */ initCharts(){ //console.log(document.getElementById('indexBzt')) var ec = echarts as any; - var indexBzt = ec.init(document.getElementById('indexBzt')); + this.indexBzt = ec.init(document.getElementById('indexBzt')); var options={ title: { text: '删除单位统计（8900家）', //subtext: '纯属虚构', - padding:[120,100], + //padding:[120,100], left: 'center', + top: "7%", textStyle:{ fontSize:38 } @@ -52,9 +59,9 @@ export class DeleteOneComponent implements OnInit { //padding:20, itemWidth:60, itemHeight:25, - textStyle:{ + /* textStyle:{ fontSize:28 - }, + }, */ data: ['高层', '地下', '轨道交通', '化工生产', '储罐类', '厂房', '古建筑', '商市场', '医院', '学校', '宾馆', '娱乐场所', '餐饮业', '影剧院', '展览建筑', '隧道'] }, series: [ @@ -64,12 +71,14 @@ export class DeleteOneComponent implements OnInit { radius: '65%', center: ['50%', '60%'], label:{ - normal:{ show:true, - position: 'inner', - fontSize:18, - formatter:'{c} ({d}%)' - } + fontSize:13, + formatter:'{b}{c}家\n{d|({d}%)}', + rich: { + d: { + align: 'center', + } + }, }, data: [ @@ -100,10 +109,10 @@ export class DeleteOneComponent implements OnInit { } ] }; - indexBzt.on('click', (params) => { + this.indexBzt.on('click', (params) => { this.router.navigateByUrl('/statisticanalysis/delete_one/delete_two'); }); - indexBzt.setOption(options); + this.indexBzt.setOption(options); } /** * @name: 表格提示框封装 diff --git a/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html b/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html index 35c1ef9..71f0fbc 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html +++ b/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html @@ -4,10 +4,10 @@ * @Author: sueRimn * @Date: 2020-09-02 16:22:35 * @LastEditors: sueRimn - * @LastEditTime: 2020-09-04 16:19:53 + * @LastEditTime: 2020-09-05 13:38:50 -->
- - +
diff --git a/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.scss b/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.scss index 56b353c..084d441 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.scss +++ b/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.scss @@ -6,10 +6,6 @@ background-color:white ; } .chaxun{ - background-color: #008CBA; - color: white; - border-radius:5px; - font-size: 16px; margin-left: 50px; padding: 15px 32px; } diff --git a/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts b/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts index 0c88ffd..b250906 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts +++ b/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts @@ -4,11 +4,13 @@ * @Author: sueRimn * @Date: 2020-09-02 16:22:35 * @LastEditors: sueRimn - * @LastEditTime: 2020-09-05 08:58:18 + * @LastEditTime: 2020-09-05 13:28:37 */ import { Component, OnInit } from '@angular/core'; import { Router,ActivatedRoute } from '@angular/router'; -import {EchartsDataService} from '../../echarts-data.service' +import {EchartsDataService} from '../../echarts-data.service'; +import { MatSnackBarConfig, MatSnackBar } from '@angular/material/snack-bar'; +import { DateAdapter } from '@angular/material/core'; declare var echarts: any; @Component({ @@ -18,7 +20,12 @@ declare var echarts: any; }) export class DeleteThereComponent implements OnInit { - constructor(private router: Router,private activatedRoute: ActivatedRoute,public echartsData:EchartsDataService) { } + constructor(private router: Router,private activatedRoute: ActivatedRoute,public echartsData:EchartsDataService,public snackBar: MatSnackBar,private adapter: DateAdapter) { } + zhutu//echarts实例 + ngOnDestroy():void{ + this.zhutu.clear() + this.zhutu.dispose() + } ngOnInit(): void { let headtext:string; @@ -31,15 +38,41 @@ export class DeleteThereComponent implements OnInit { //console.log(datayuex) }); window.setTimeout(()=>{ - this.zhuzhuangtu(headName) + this.zhuzhuangtu(this.echartsData.statefulInspectionName) },0) } zhiNameData = ["浦东支队","黄埔支队","徐汇支队","长宁支队","静安支队","普陀支队","虹口支队","杨浦支队","闵行支队","宝山支队","嘉定支队","松江支队","金山支队","崇明支队"] zhiNumData = [200,190,180,170,160,150,140,130,120,110,100,90,80,70] + + axisLabel = { + interval: 0, + formatter:function(value) + { + var ret = "";//拼接加\n返回的类目项 + var maxLength = 2;//每项显示文字个数 + var valLength = value.length;//X轴类目项的文字个数 + var rowN = Math.ceil(valLength / maxLength); //类目项需要换行的行数 + if (rowN > 1)//如果类目项的文字大于3, + { + for (var i = 0; i < rowN; i++) { + var temp = "";//每次截取的字符串 + var start = i * maxLength;//开始截取的位置 + var end = start + maxLength;//结束截取的位置 + //这里也可以加一个是否是最后一行的判断，但是不加也没有影响，那就不加吧 + temp = value.substring(start, end) + "\n"; + ret += temp; //凭借最终的字符串 + } + return ret; + } + else { + return value; + } + } + }//echarts两个字换行 /* 柱状图 */ zhuzhuangtu(headName:string){ var ec = echarts as any; - var zhutu = ec.init(document.getElementById('zhidui')); + this.zhutu = ec.init(document.getElementById('zhidui')); var option = { title: { text: `${headName}`, @@ -49,14 +82,14 @@ export class DeleteThereComponent implements OnInit { fontSize: 23 } }, - grid: { + /* grid: { left: '5%', bottom:'35%' - }, + }, */ xAxis: { type: 'category', data: this.zhiNameData, - //axisLabel: this.axisLabel + axisLabel: this.axisLabel }, yAxis: { type: 'value' @@ -81,12 +114,12 @@ export class DeleteThereComponent implements OnInit { //label: this.topTextlabel }] }; - zhutu.on('click', (params) => { + this.zhutu.on('click', (params) => { console.log(params) this.echartsData.statefulInspectionName =params.name; this.router.navigateByUrl(`/statisticanalysis/delete_one/delete_four`); }); - zhutu.setOption(option); + this.zhutu.setOption(option); } diff --git a/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.html b/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.html index da06b47..e3b902c 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.html +++ b/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.html @@ -4,50 +4,74 @@ * @Author: sueRimn * @Date: 2020-09-02 16:21:18 * @LastEditors: sueRimn - * @LastEditTime: 2020-09-04 15:36:05 + * @LastEditTime: 2020-09-05 09:57:47 --> -
- - - -
- -
- -
- -
- - - - -
- +
+ +
+ + 月 + 年 + +
+ +
+
+ 开始年份: + + + {{item}} + + + 开始月份: + + + {{item}} + + + 结束年份: + + + {{item}} + + + 结束月份: + + + {{item}} + + + +
+
+ +
+
+ 开始年份: + + + {{item}} + + + 结束年份: + + + {{item}} + + + +
+
+ + + +
+
diff --git a/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.scss b/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.scss index 92033cf..2c550f0 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.scss +++ b/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.scss @@ -1,30 +1,46 @@ body{ overflow:auto; } -.daohang{ - display: flex; - z-index: 5; - border-bottom:2px solid #d4dde4; - width: 100%; - height: 180px; - background-color:white ; +//头部搜索栏 +.header { + border-bottom: 1px solid #999; + height: 70px; + min-height: 70px; + box-sizing: border-box; + padding: 0 15px; + display: flex; + flex-direction: row; + flex-wrap: wrap; + align-items:center; + justify-content:center; + .queryField { + margin: 0 10px; + font-size: 14px; + .mat-form-field { + width: 130px; + max-height: 50px;; + margin: 0 15px 0 10px; + } + } + /* .fixedCss{ + position: fixed; + top: 81px; + right: 32px; + } */ } -.chaxun{ - background-color: #008CBA; - color: white; - border-radius:5px; - //font-size: 16px; - margin-left: 50px; -} -.head{ +/* 最上面的折线图 */ +.heads{ text-align:center; margin:0 auto; - width: 900px; - height: 400px; - padding-top: 250px; + width: 800px; + height: 450px; + padding-top: 50px; } +/* 其余折线图 */ .mainbox { + margin-top: 100px; + //padding-top: 50px; padding-bottom: 50px; min-width: 1024px; max-width: 1920px; @@ -37,10 +53,12 @@ body{ } .panel { position: relative; - height: 400px; - border: 1px solid rgba(25, 186, 139, 0.17); + height: 330px; + width:780px; + //border: 1px solid rgba(25, 186, 139, 0.17); padding: 0 0.1875rem 0.5rem; margin-bottom: 0.1875rem; + margin-top: 80px; &::before { position: absolute; top: 0; diff --git a/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts b/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts index 0d2386d..6ec3088 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts +++ b/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts @@ -4,12 +4,14 @@ * @Author: sueRimn * @Date: 2020-09-02 16:21:18 * @LastEditors: sueRimn - * @LastEditTime: 2020-09-04 16:58:01 + * @LastEditTime: 2020-09-05 13:43:02 */ -import { Component, OnInit } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { Router } from '@angular/router'; import { MatDatepickerInputEvent } from '@angular/material/datepicker'; import { MatSnackBarConfig, MatSnackBar } from '@angular/material/snack-bar'; +import { DateAdapter } from '@angular/material/core'; +import {EchartsDataService} from '../../echarts-data.service' declare var echarts: any; @Component({ @@ -21,14 +23,19 @@ export class DeleteTwoComponent implements OnInit { options:any; datayuex=['一月', '二月', '三月', '四月', '五月', '六月', '七月','八月']; datayuey=[210, 160, 150, 140, 130, 120, 110,120]; - datanianx=[2019,2020,2021]; + datanianx=[2019,2020]; dataniany=[201,174] - constructor(private router: Router,public snackBar: MatSnackBar) { } + constructor(private router: Router,public snackBar: MatSnackBar,private adapter: DateAdapter,public echartsData:EchartsDataService) { } + /* @ViewChild('appEcharts')appEcharts :echartsComponent; //父组件中获得子组件的引用 + @ViewChild('pageTwoName')pageTwoName :PageTwoNameComponent; //父组件中获得子组件的引用 */ ngOnInit(): void { + this.dateInit() window.setTimeout(()=>{ - this.headZhexian('head','删除数量总统计',this.datayuex,this.datayuey) + console.log(this.selectType) + if(this.selectType=='month'){ + this.headZhexian('heads','删除数量总统计',this.datayuex,this.datayuey) this.headZhexian('leftOne','高层',this.datayuex,this.datayuey) this.headZhexian('leftTwo','轨道交通',this.datayuex,this.datayuey) this.headZhexian('leftThere','储罐类',this.datayuex,this.datayuey) @@ -37,15 +44,48 @@ export class DeleteTwoComponent implements OnInit { this.headZhexian('rightTwo','化工生产',this.datayuex,this.datayuey) this.headZhexian('rightThree','厂房',this.datayuex,this.datayuey) this.headZhexian('rightFour','商市场',this.datayuex,this.datayuey) + } + /* else if(this.selectType=='year'){ + this.headZhexian('heads','删除数量总统计',this.datanianx,this.dataniany) + this.headZhexian('leftOne','高层',this.datayuex,this.datayuey) + this.headZhexian('leftTwo','轨道交通',this.datayuex,this.datayuey) + this.headZhexian('leftThere','储罐类',this.datayuex,this.datayuey) + this.headZhexian('leftFour','古建筑',this.datayuex,this.datayuey) + this.headZhexian('rightOne','地下',this.datayuex,this.datayuey) + this.headZhexian('rightTwo','化工生产',this.datayuex,this.datayuey) + this.headZhexian('rightThree','厂房',this.datayuex,this.datayuey) + this.headZhexian('rightFour','商市场',this.datayuex,this.datayuey) + } */ + },0) } - /* 按月点击事件 */ - anyue(){ - var anyue1 = document.getElementById('yue1'); - anyue1.style.display='block'; - var anyue2 = document.getElementById('yue2'); - anyue2.style.display='block'; - this.headZhexian('head','删除数量总统计',this.datayuex,this.datayuey) + ngOnDestroy():void{ + this.headZx.clear() + this.headZx.dispose() + } + + selectType:string = 'month'; //选择当前的 查询类型 按月/年 + headZx//echarts实例 + + //查询数据 + years:any = [] + selectMonth:any = [1,2,3,4,5,6,7,8,9,10,11,12] + + //日期初始化 + dateInit () { + let date = (new Date()).getFullYear() + for (let i=date; i>=date-10;i--) { + this.years.unshift(i) + } + } + + selectOneYear:any = (new Date()).getFullYear() //开始年份 + selectTwoYear:any = (new Date()).getFullYear() //结束年份 + selectStartMonth:any = 1 //开始月份 + selectEndMonth:any = (new Date()).getMonth()+1 //结束月份 + //按月查询 + monthSubmit (e) { + this.headZhexian('heads','删除数量总统计',this.datayuex,this.datayuey) this.headZhexian('leftOne','高层',this.datayuex,this.datayuey) this.headZhexian('leftTwo','轨道交通',this.datayuex,this.datayuey) this.headZhexian('leftThere','储罐类',this.datayuex,this.datayuey) @@ -54,14 +94,39 @@ export class DeleteTwoComponent implements OnInit { this.headZhexian('rightTwo','化工生产',this.datayuex,this.datayuey) this.headZhexian('rightThree','厂房',this.datayuex,this.datayuey) this.headZhexian('rightFour','商市场',this.datayuex,this.datayuey) + if (e.selectTwoYear > e.selectOneYear) { + let startTime = e.selectOneYear + '-' + e.selectStartMonth + '-' + 1 + ' ' + 0 + ':' + 0 +':'+ 0 + let endTime = e.selectTwoYear + '-' + e.selectEndMonth + '-' + 31 + ' ' + 23 + ':' + 59 +':'+ 59 + console.log(startTime) + console.log(endTime) + } else if (e.selectTwoYear === e.selectOneYear) { + if(e.selectEndMonth >= e.selectStartMonth) { + let startTime = e.selectOneYear + '-' + e.selectStartMonth + '-' + 1 + ' ' + 0 + ':' + 0 +':'+ 0 + let endTime = e.selectTwoYear + '-' + e.selectEndMonth + '-' + 31 + ' ' + 23 + ':' + 59 +':'+ 59 + console.log(startTime) + console.log(endTime) + } else { + const config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.snackBar.open('请选择正确时间区段','确定',config); + } + }else { + const config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.snackBar.open('请选择正确时间区段','确定',config); + } } - /* 按年点击事件 */ - annian(){ - var anyue1 = document.getElementById('yue1'); - anyue1.style.display='none'; - var anyue2 = document.getElementById('yue2'); - anyue2.style.display='none'; - this.headZhexian('head','删除数量总统计',this.datanianx,this.dataniany) + + + + selectStartYear:any = (new Date()).getFullYear() //开始年份 + selectEndYear:any = (new Date()).getFullYear() //结束年份 + //按年查询 + yearSubmit (e) { + console.log(this.selectType) + this.headZhexian('heads','删除数量总统计',this.datanianx,this.dataniany) this.headZhexian('leftOne','高层',this.datanianx,this.dataniany) this.headZhexian('leftTwo','轨道交通',this.datanianx,this.dataniany) this.headZhexian('leftThere','储罐类',this.datanianx,this.dataniany) @@ -69,23 +134,50 @@ export class DeleteTwoComponent implements OnInit { this.headZhexian('rightOne','地下',this.datanianx,this.dataniany) this.headZhexian('rightTwo','化工生产',this.datanianx,this.dataniany) this.headZhexian('rightThree','厂房',this.datanianx,this.dataniany) - this.headZhexian('rightFour','商市场',this.datanianx,this.dataniany) + this.headZhexian('rightFour','商市场',this.datanianx,this.dataniany) + if (e.selectEndYear >= e.selectStartYear) { + let startTime = e.selectStartYear + '-' + 1 + '-' + 1 + ' ' + 0 + ':' + 0 +':'+ 0 + let endTime = e.selectEndYear + '-' + 12 + '-' + 31 + ' ' + 23 + ':' + 59 +':'+ 59 + console.log(startTime) + console.log(endTime) + } else { + const config = new MatSnackBarConfig(); + config.verticalPosition = 'top'; + config.duration = 3000 + this.snackBar.open('请选择正确时间区段','确定',config); + } } /* 折线图 */ headZhexian(divid:string,headtext:string,datayuex,datayuey){ var ec = echarts as any; - var headZx = ec.init(document.getElementById(`${divid}`)); + this.headZx = ec.init(document.getElementById(`${divid}`),'skinUpp'); var options = { + grid: { + top: 50, + left:40, + right: 20, + bottom: 20, + }, + // 标题 title: { text: `${headtext}`, - left:350, + left:'center', + top: -4, + //副标题文本样式 + 　subtextStyle:{ + color:'#999', + fontWeight:'bold', + }, textStyle:{ - fontSize:28 + //文字颜色 + color:'#000', + fontSize: 22, } }, + //提示框 tooltip: { - trigger: 'item', + trigger: 'axis', formatter: (params)=>{ return this.biaogeTishi(`${headtext}`) } , @@ -95,7 +187,7 @@ export class DeleteTwoComponent implements OnInit { }, xAxis: { type: 'category', - boundaryGap:false, + boundaryGap:true, data: datayuex, axisLabel: { color: "#000", //刻度线标签颜色 @@ -128,9 +220,10 @@ export class DeleteTwoComponent implements OnInit { series: [{ data: datayuey, type: 'line', - lineStyle:{ + + /* lineStyle:{ color:'#1369bf' - }, + }, */ /* markLine: { symbol: ['none', 'none'], label: {show: false}, @@ -150,11 +243,12 @@ export class DeleteTwoComponent implements OnInit { }, */ }] }; - headZx.on('click', (params) => { + this.headZx.on('click', (params) => { console.log(params) - this.router.navigateByUrl(`/statisticanalysis/delete_one/delete_there/${headtext}/${params.name}`); + this.echartsData.statefulInspectionName =params.name+headtext; + this.router.navigateByUrl(`/statisticanalysis/delete_one/delete_there`); }); - headZx.setOption(options); + this.headZx.setOption(options); } /** * @name: 表格提示框封装 diff --git a/src/app/statistic-analysis/statistic-analysis-routing.module.ts b/src/app/statistic-analysis/statistic-analysis-routing.module.ts index 004c3cf..e894f6c 100644 --- a/src/app/statistic-analysis/statistic-analysis-routing.module.ts +++ b/src/app/statistic-analysis/statistic-analysis-routing.module.ts @@ -4,7 +4,7 @@ * @Author: sueRimn * @Date: 2020-09-02 16:57:00 * @LastEditors: sueRimn - * @LastEditTime: 2020-09-04 15:55:53 + * @LastEditTime: 2020-09-05 11:37:39 */ import { NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; @@ -17,9 +17,7 @@ import { DeleteTwoComponent } from './deleteUnit/delete-two/delete-two.component import { DeleteThereComponent } from './deleteUnit/delete-there/delete-there.component'; import { DeleteFourComponent } from './deleteUnit/delete-four/delete-four.component'; import { BuildingTypeOneComponent } from './buildingType/building-type-one/building-type-one.component'; -<<<<<<< HEAD import { from } from 'rxjs'; -======= import {ScheduledUpdatesComponent,publicEchartsComponent} from './scheduled-updates/scheduled-updates.component' import { BuildingTypeTwoForwardComponent } from './buildingType/building-type-two-forward/building-type-two-forward.component'; import { BuildingTypeTwoReverseComponent } from './buildingType/building-type-two-reverse/building-type-two-reverse.component'; @@ -28,19 +26,16 @@ import { AddUnitOneComponent } from './addUnit/add-unit-one/add-unit-one.compone import { AddUnitTwoTypeStatisticsComponent } from './addUnit/add-unit-two-type-statistics/add-unit-two-type-statistics.component'; import { AddUnitTwoTypeDetailsComponent } from './addUnit/add-unit-two-type-details/add-unit-two-type-details.component'; import { AddUnitTwoTimeComponent } from './addUnit/add-unit-two-time/add-unit-two-time.component'; ->>>>>>> 2560a38cd9b2082ee37f8e753dd5c31d0d789085 const routes: Routes = [ { path: 'statePageOne', component: PageOneComponent}, { path: 'statePageTwo_time', component: PageTwoTimeComponent}, { path: 'delete_one', component: DeleteOneComponent}, -<<<<<<< HEAD { path: 'delete_one/delete_two', component: DeleteTwoComponent}, - { path: 'delete_one/delete_there/:headtext/:datayuex', component: DeleteThereComponent}, + { path: 'delete_one/delete_there', component: DeleteThereComponent}, { path: 'delete_one/delete_four', component: DeleteFourComponent}, - { path: 'buildingType_one', component: BuildingTypeOneComponent} + { path: 'buildingType_one', component: BuildingTypeOneComponent}, //{ path: 'delete_one/deleteUnit_two_type', component: DeleteTwoComponent} -======= { path: 'delete_two', component: DeleteTwoComponent}, { path: 'delete_there', component: DeleteThereComponent}, { path: 'delete_four', component: DeleteFourComponent}, @@ -54,7 +49,6 @@ const routes: Routes = [ { path: 'addUnit_one/addUnit_two_time', component: AddUnitTwoTimeComponent}, { path: 'scheduledUpdates', component: ScheduledUpdatesComponent}, { path: 'scheduledUpdates/PublicEcharts', component: publicEchartsComponent} ->>>>>>> 2560a38cd9b2082ee37f8e753dd5c31d0d789085 ]; @NgModule({ From 48317ca7ef36e92f931495ebf389c27db27c583b Mon Sep 17 00:00:00 2001 From: chenjingyu Date: Sat, 5 Sep 2020 15:16:31 +0800 Subject: [PATCH 3/3] =?UTF-8?q?[=E5=88=A0=E9=99=A4=E7=95=8C=E9=9D=A2]?= =?UTF-8?q?=E4=BF=AE=E6=94=B91?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../delete-four/delete-four.component.html | 6 +++- .../delete-four/delete-four.component.ts | 19 ++++++++++-- .../delete-there/delete-there.component.html | 5 +++- .../delete-there/delete-there.component.ts | 9 ++++-- .../delete-two/delete-two.component.ts | 30 ++++++++++++------- 5 files changed, 53 insertions(+), 16 deletions(-) diff --git a/src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.html b/src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.html index 6c4e2a5..ed350c1 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.html +++ b/src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.html @@ -4,8 +4,12 @@ * @Author: sueRimn * @Date: 2020-09-02 16:22:58 * @LastEditors: sueRimn - * @LastEditTime: 2020-09-05 08:48:27 + * @LastEditTime: 2020-09-05 14:52:26 --> +
+ +
+
diff --git a/src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.ts b/src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.ts index 011e610..b7115f1 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.ts +++ b/src/app/statistic-analysis/deleteUnit/delete-four/delete-four.component.ts @@ -1,6 +1,16 @@ +/* + * @Descripttion: + * @version: + * @Author: sueRimn + * @Date: 2020-09-02 16:22:58 + * @LastEditors: sueRimn + * @LastEditTime: 2020-09-05 14:53:43 + */ import { Component, OnInit } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; -import {EchartsDataService} from '../../echarts-data.service' +import {EchartsDataService} from '../../echarts-data.service'; +import { MatSnackBarConfig, MatSnackBar } from '@angular/material/snack-bar'; +import { DateAdapter } from '@angular/material/core'; declare var echarts: any; @Component({ @@ -10,7 +20,7 @@ declare var echarts: any; }) export class DeleteFourComponent implements OnInit { - constructor(public route: ActivatedRoute,public data: EchartsDataService) { } + constructor(public route: ActivatedRoute,public data: EchartsDataService,public snackBar: MatSnackBar,private adapter: DateAdapter) { } zhongNameData = ["浦东中队","黄埔中队","徐汇中队","长宁中队","静安中队","普陀中队","虹口中队","杨浦中队","闵行中队","宝山中队","嘉定中队"] zhongNumData = [200,190,180,170,160,150,140,130,120,110,100] @@ -19,6 +29,11 @@ export class DeleteFourComponent implements OnInit { this.detailEcharts() }) } + //返回 + goBack () { + history.go(-1) + this.data.statefulInspectionToggle = true + } detailEcharts(){ var detailPlanEchart = echarts.init(document.getElementById('detailBox')); diff --git a/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html b/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html index 71f0fbc..621c5bc 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html +++ b/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.html @@ -4,7 +4,7 @@ * @Author: sueRimn * @Date: 2020-09-02 16:22:35 * @LastEditors: sueRimn - * @LastEditTime: 2020-09-05 13:38:50 + * @LastEditTime: 2020-09-05 15:10:46 -->
+ +
diff --git a/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts b/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts index b250906..f035989 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts +++ b/src/app/statistic-analysis/deleteUnit/delete-there/delete-there.component.ts @@ -4,7 +4,7 @@ * @Author: sueRimn * @Date: 2020-09-02 16:22:35 * @LastEditors: sueRimn - * @LastEditTime: 2020-09-05 13:28:37 + * @LastEditTime: 2020-09-05 14:43:05 */ import { Component, OnInit } from '@angular/core'; import { Router,ActivatedRoute } from '@angular/router'; @@ -43,6 +43,11 @@ export class DeleteThereComponent implements OnInit { } zhiNameData = ["浦东支队","黄埔支队","徐汇支队","长宁支队","静安支队","普陀支队","虹口支队","杨浦支队","闵行支队","宝山支队","嘉定支队","松江支队","金山支队","崇明支队"] zhiNumData = [200,190,180,170,160,150,140,130,120,110,100,90,80,70] + //返回 + goBack () { + history.go(-1) + this.echartsData.statefulInspectionToggle = true + } axisLabel = { interval: 0, @@ -122,7 +127,7 @@ export class DeleteThereComponent implements OnInit { this.zhutu.setOption(option); } - + /* 鼠标悬停提示 */ tableTooltip2(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%"},' diff --git a/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts b/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts index 6ec3088..0726bfe 100644 --- a/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts +++ b/src/app/statistic-analysis/deleteUnit/delete-two/delete-two.component.ts @@ -4,7 +4,7 @@ * @Author: sueRimn * @Date: 2020-09-02 16:21:18 * @LastEditors: sueRimn - * @LastEditTime: 2020-09-05 13:43:02 + * @LastEditTime: 2020-09-05 15:09:27 */ import { Component, OnInit, ViewChild } from '@angular/core'; import { Router } from '@angular/router'; @@ -21,8 +21,8 @@ declare var echarts: any; }) export class DeleteTwoComponent implements OnInit { options:any; - datayuex=['一月', '二月', '三月', '四月', '五月', '六月', '七月','八月']; - datayuey=[210, 160, 150, 140, 130, 120, 110,120]; + datayuex=['一月', '二月', '三月', '四月', '五月', '六月', '七月','八月','九月']; + datayuey=[210, 160, 150, 140, 130, 120, 110,120,150]; datanianx=[2019,2020]; dataniany=[201,174] @@ -34,8 +34,8 @@ export class DeleteTwoComponent implements OnInit { this.dateInit() window.setTimeout(()=>{ console.log(this.selectType) - if(this.selectType=='month'){ - this.headZhexian('heads','删除数量总统计',this.datayuex,this.datayuey) + + this.headZhexian('heads','删除数量总统计',this.datayuex,this.datayuey) this.headZhexian('leftOne','高层',this.datayuex,this.datayuey) this.headZhexian('leftTwo','轨道交通',this.datayuex,this.datayuey) this.headZhexian('leftThere','储罐类',this.datayuex,this.datayuey) @@ -44,7 +44,7 @@ export class DeleteTwoComponent implements OnInit { this.headZhexian('rightTwo','化工生产',this.datayuex,this.datayuey) this.headZhexian('rightThree','厂房',this.datayuex,this.datayuey) this.headZhexian('rightFour','商市场',this.datayuex,this.datayuey) - } + /* else if(this.selectType=='year'){ this.headZhexian('heads','删除数量总统计',this.datanianx,this.dataniany) this.headZhexian('leftOne','高层',this.datayuex,this.datayuey) @@ -148,8 +148,15 @@ export class DeleteTwoComponent implements OnInit { } } - /* 折线图 */ + /** + * @name: 折线图 + * @test: test font + * @msg: + * @param {divid(传入的div),headtext(标题)} + * @return {type} + */ headZhexian(divid:string,headtext:string,datayuex,datayuey){ + var dianji:boolean=headtext=="删除数量总统计" ? false:true; var ec = echarts as any; this.headZx = ec.init(document.getElementById(`${divid}`),'skinUpp'); var options = { @@ -220,7 +227,7 @@ export class DeleteTwoComponent implements OnInit { series: [{ data: datayuey, type: 'line', - + clickable:false, /* lineStyle:{ color:'#1369bf' }, */ @@ -245,8 +252,11 @@ export class DeleteTwoComponent implements OnInit { }; this.headZx.on('click', (params) => { console.log(params) - this.echartsData.statefulInspectionName =params.name+headtext; - this.router.navigateByUrl(`/statisticanalysis/delete_one/delete_there`); + if(`${headtext}`!=="删除数量总统计"){ + this.echartsData.statefulInspectionName =params.name+headtext; + this.router.navigateByUrl(`/statisticanalysis/delete_one/delete_there`); + } + }); this.headZx.setOption(options); }