diff options
Diffstat (limited to 'portal/src/main/webapp/extsys/vim/js/vimChart.js')
-rw-r--r-- | portal/src/main/webapp/extsys/vim/js/vimChart.js | 430 |
1 files changed, 0 insertions, 430 deletions
diff --git a/portal/src/main/webapp/extsys/vim/js/vimChart.js b/portal/src/main/webapp/extsys/vim/js/vimChart.js deleted file mode 100644 index 078a7e6..0000000 --- a/portal/src/main/webapp/extsys/vim/js/vimChart.js +++ /dev/null @@ -1,430 +0,0 @@ -/* - * Copyright 2016-2017 ZTE Corporation. - * - * 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 $.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} - - ] - } - - ] - }; - - - - 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 - }; - - - - 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 |