diff options
Diffstat (limited to 'roc-iui/src/main/resources/webroot/roc-vim/js/vimChart.js')
-rw-r--r-- | roc-iui/src/main/resources/webroot/roc-vim/js/vimChart.js | 383 |
1 files changed, 0 insertions, 383 deletions
diff --git a/roc-iui/src/main/resources/webroot/roc-vim/js/vimChart.js b/roc-iui/src/main/resources/webroot/roc-vim/js/vimChart.js deleted file mode 100644 index 259f83df..00000000 --- a/roc-iui/src/main/resources/webroot/roc-vim/js/vimChart.js +++ /dev/null @@ -1,383 +0,0 @@ -/*
- * Copyright (C) 2015 ZTE, Inc. and others. All rights reserved. (ZTE)
- *
- * 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.
- */
-var vimChart = {};
-
-
-
- var labelTop = {
- normal : {
- label : {
- show : true,
- position : 'outer',
- formatter :function (params){
- var total=params.series.data[1].value+params.series.data[0].value;
- var util=params.series.data[0].util;
- // return total+util+"中的"+"\n"+params.value+util+"已使用" ;
- return $.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_used')+params.value+util+"\n"+
- $.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_total')+ total+util;
- },
- textStyle: {
- baseline : 'bottom',
- fontWeight:'normal'
-
- }
- },
- labelLine : {
- show : true
- }
- }
-};
-
-
-var labelFromatter = {
- normal : {
- label : {
- formatter :function (params){
- return params.series.data[0].name+"\n"+(100-params.percent).toFixed(0) + '%'
- },
- textStyle: {
- baseline : 'center',
- color:"#000",
- fontWeight:'bold'
-
-
- }
- }
- }
-}
-var labelBottom = {
- normal : {
- color: '#ccc',
- label : {
- show : true,
- position : 'center'
- },
- labelLine : {
- show : false
- }
- },
- emphasis: {
- color: 'rgba(0,0,0,0)'
- }
-};
-
-var radius = [40, 55];
-
- var vimPieChart;
-
-vimChart.vimPieChartInit = function(){
- vimPieChart = echarts.init(document.getElementById('vimPieChartDiv'));
- vimPieChart.showLoading({
- text : "Loading",
- effect :"whirling",
- textStyle : {
- fontSize : 20
- }
-});
-
-}
-
-vimChart.vimPieChart = function(data){
-
-var option = {
- animation:true,
- legend: {
- x : 'left',
- y:"top",
- data:[
- $.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_cpu'),
- $.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_memory'),
- $.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_disk')
- ],
- orient: 'vertical'
- },
- color:["#578ebe","#44b6ae","#DABA36"],
- title : {
- text: '',
- subtext: '',
- x: 'center'
- },
- toolbox: {
- show : true,
-
- feature : {
- saveAsImage : {
- show : true,
- title : $.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_save_picture'),
- type : 'png',
- lang : [$.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_click_save')]
- }
- }
- },
- series : [
- {
- type : 'pie',
- center : ['15%', '55%'],
- radius : radius,
- itemStyle : labelFromatter,
- data : [
- {name:$.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_cpu'), value:data.usage.cpu,itemStyle : labelTop,util:''},
- {name:'other', value:data.resource.cpu -data.usage.cpu, itemStyle : labelBottom}
-
- ]
- },
- {
- type : 'pie',
- center : ['40%', '55%'],
- radius : radius,
- itemStyle : labelFromatter,
- data : [
- {name:$.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_memory'), value:data.usage.memoryMb,itemStyle : labelTop,util:'MB' },
- {name:'other', value:data.resource.memoryMb - data.usage.memoryMb,itemStyle : labelBottom}
-
- ]
- },
- {
- type : 'pie',
- center : ['65%', '55%'],
- radius : radius,
- itemStyle : labelFromatter,
- data : [
- {name:$.i18n.prop('com_zte_ums_eco_roc_vim_resource_vim_disk'), value:data.usage.diskGb,itemStyle : labelTop,util:'GB'},
- {name:'other', value:data.resource.diskGb -data.usage.diskGb, itemStyle : labelBottom}
-
- ]
- }
-
- ]
-};
-
-
- // 为echarts对象加载数据
- vimPieChart.hideLoading();
- vimPieChart.setOption(option);
- window.onresize = vimPieChart.resize;
-
-
-}
-
-vimChart.getPieCenter=function(n){
- var center;
- switch(n)
- {
- case 1:
- center=['15%', '30%'];
- break;
- case 2:
- center=['40%', '30%'];
- break;
- case 3:
- center=['65%', '30%'];
- break;
- case 4:
- center=['15%', '80%'];
- break;
- case 5:
- center=['40%', '80%'];
- break;
- case 6:
- center=['65%', '80%'];
- break;
- case 7:
- center=['90%', '80%'];
- break;
-
- }
- return center;
-}
-
-
- var tenantPieChart;
-vimChart.tenantPieChartInit = function(){
- tenantPieChart= echarts.init(document.getElementById('tenantPieChartDiv'));
-
- tenantPieChart.showLoading({
- text : "Loading",
- effect :"whirling",
- textStyle : {
- fontSize : 20
- }
-});
-}
-vimChart.tenantPieChart = function(data){
-
-var legend_data=new Array();
-var series=new Array();
-var n=0;
-
-if(data.quota.instances!=-1){
- n++;
-
-legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_instances'));
-var instances_series={
- type : 'pie',
- center : vimChart.getPieCenter(n),
- radius : radius,
- itemStyle : labelFromatter,
- data : [
- {name:$.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_instances'), value:data.usage.instances,itemStyle : labelTop,util:''},
- {name:'other', value:data.quota.instances -data.usage.instances, itemStyle : labelBottom}
-
- ]
- };
- series.push(instances_series);
-
-}
-if(data.quota.cpu!=-1){
-n++;
-legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_cpu'));
-var cpu_series={
- type : 'pie',
- center : vimChart.getPieCenter(n),
- radius : radius,
- itemStyle : labelFromatter,
- data : [
- {name:$.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_cpu'), value:data.usage.cpu,itemStyle : labelTop,util:'' },
- {name:'other', value:data.quota.cpu -data.usage.cpu,itemStyle : labelBottom}
-
- ]
- };
- series.push(cpu_series);
-}
-if(data.quota.memoryMb!=-1){
- n++;
-legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_memoryMb'));
-var memoryMb_series={
- type : 'pie',
- center : vimChart.getPieCenter(n),
- radius : radius,
- itemStyle : labelFromatter,
- data : [
- {name:$.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_memoryMb'), value:data.usage.memoryMb,itemStyle : labelTop,util:'MB'},
- {name:'other', value:data.quota.memoryMb -data.usage.memoryMb, itemStyle : labelBottom}
-
- ]
- };
- series.push(memoryMb_series);
-}
-if(data.quota.floatingIps!=-1){
- n++;
-legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_floatingIps'));
-var floatingIps_series={
- type : 'pie',
- center :vimChart.getPieCenter(n),
- radius : radius,
- itemStyle : labelFromatter,
- data : [
- {name:$.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_floatingIps'), value:data.usage.floatingIps,itemStyle : labelTop,util:''},
- {name:'other', value:data.quota.floatingIps -data.usage.floatingIps, itemStyle : labelBottom}
-
- ]
- };
- series.push(floatingIps_series);
-}
-if(data.quota.securityGroups!=-1){
- n++;
-legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_securityGroups'));
-var securityGroups_series={
- type : 'pie',
- center :vimChart.getPieCenter(n),
- radius : radius,
- itemStyle : labelFromatter,
- data : [
- {name:$.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_securityGroups'), value:data.usage.securityGroups,itemStyle : labelTop,util:''},
- {name:'other', value:data.quota.securityGroups -data.usage.securityGroups, itemStyle : labelBottom}
-
- ]
- };
- series.push(securityGroups_series);
-}
-if(data.quota.volumes!=-1){
- n++;
-legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_volumes'));
-var volumes_series={
- type : 'pie',
- center :vimChart.getPieCenter(n),
- radius : radius,
- itemStyle : labelFromatter,
- data : [
- {name:$.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_volumes'), value:data.usage.volumes,itemStyle : labelTop,util:''},
- {name:'other', value:data.quota.volumes -data.usage.volumes, itemStyle : labelBottom}
-
- ]
- };
- series.push(volumes_series);
-}
-if(data.quota.volumeStorage!=-1){
- n++;
-legend_data.push($.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_volumeStorage'));
-var volumeStorage_series={
- type : 'pie',
- center :vimChart.getPieCenter(n),
- radius : radius,
- itemStyle : labelFromatter,
- data : [
- {name:$.i18n.prop('com_zte_ums_eco_roc_vim_resource_tenant_volumeStorage'), value:data.usage.volumeStorage,itemStyle : labelTop,util:'GB'},
- {name:'other', value:data.quota.volumeStorage -data.usage.volumeStorage, itemStyle : labelBottom}
-
- ]
- };
- series.push(volumeStorage_series);
-}
-
-
-var option = {
- animation:true,
- legend: {
- x : 'left',
- y:"top",
- data:legend_data,
- orient: 'vertical'
- },
- color:["#578ebe","#44b6ae","#DABA36","#F79695","#9699e0","#57b5e3","#48c79c"],
- title : {
- text: '',
- subtext: '',
- x: 'center'
- },
- toolbox: {
- show : true,
- feature : {
- saveAsImage : {
- show : true,
- title : $.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_save_picture'),
- type : 'png',
- lang : [$.i18n.prop('com_zte_ums_eco_roc_vim_resource_chart_click_save')]
- }
- }
- },
- series : series
-};
-
-
- // 为echarts对象加载数据
- tenantPieChart.hideLoading();
- tenantPieChart.setOption(option);
- window.onresize = tenantPieChart.resize;
-
-
-}
-
-vimChart.growl=function(message,type){
- $.growl({
- icon: "fa fa-envelope-o fa-lg",
- title: " " + $.i18n.prop('com_zte_ums_eco_roc_vim_title_notice'),
- message: message+" "
- },{
- type: type,
- delay:0
- });
-}
\ No newline at end of file |