summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/components/charts/pie/pie.component.ts
diff options
context:
space:
mode:
Diffstat (limited to 'usecaseui-portal/src/app/components/charts/pie/pie.component.ts')
-rw-r--r--usecaseui-portal/src/app/components/charts/pie/pie.component.ts33
1 files changed, 24 insertions, 9 deletions
diff --git a/usecaseui-portal/src/app/components/charts/pie/pie.component.ts b/usecaseui-portal/src/app/components/charts/pie/pie.component.ts
index 9302ddb5..b1549ab2 100644
--- a/usecaseui-portal/src/app/components/charts/pie/pie.component.ts
+++ b/usecaseui-portal/src/app/components/charts/pie/pie.component.ts
@@ -1,3 +1,18 @@
+/*
+ Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+ Licensed under the Apache License, Version 2.0 (the "License");
+ you may not use this file except in compliance with the License.
+ You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
import { Component, OnInit, Input } from '@angular/core';
import { SimpleChanges } from '@angular/core/src/metadata/lifecycle_hooks';
@@ -7,9 +22,9 @@ import { SimpleChanges } from '@angular/core/src/metadata/lifecycle_hooks';
styleUrls: ['./pie.component.less']
})
export class PieComponent implements OnInit {
- // 图形数据
+ // chart Data
@Input() chartData;
- // 初始化数据
+ // init Data
@Input() initData;
constructor() { }
@@ -49,30 +64,30 @@ export class PieComponent implements OnInit {
ngOnChanges(changes:SimpleChanges){
- // 当有实例的时候再执行,相当于第一次不执行下面方法
+ // Execute when there is an instance, which is equivalent to not executing the following method for the first time.
if(this.chartIntance){
this.chartDataChange()
}
}
- // 初始化图形高度
+ // Initialize the height of the graphic
initOpts:any;
- // alarm饼图
+ // Alarm pie chart
pieOption:any;
- // 实例对象
+ // Instance object
chartIntance:any;
- // 数据变化
+ // Data change
updateOption:any;
chartDataChange(){
this.updateOption = this.chartData;
- // 要等到updateOption渲染完再执行
+ // Wait until the updateOption is finished and then execute
this.chartIntance.on('finished',()=>{
this.chartIntance.dispatchAction({
type:'highlight',
seriesIndex: 0,
dataIndex:0
})
- // 由于所有视图变化渲染都会执行,更新完注销此事件
+ //Since all view changes are rendered, this event is logged out after the update
this.chartIntance.off('finished')
})
}