diff options
author | 2016-09-21 19:04:46 +0800 | |
---|---|---|
committer | 2016-09-21 19:04:46 +0800 | |
commit | f0438d657922844e52d273143ff8e31e57a226c8 (patch) | |
tree | 7c9992357046ddb50f6c1248ede99c4a390173c3 /openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js | |
parent | f0017f7aa88296a470724d8ba2b42261482a6fb5 (diff) |
add resource mgr gui code
Change-Id: Iad23ef36df29db34bc61d3f30e7ac77c12971fa6
Signed-off-by: victor.gao <victor.gao@huawei.com>
Diffstat (limited to 'openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js')
-rw-r--r-- | openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js | 79 |
1 files changed, 79 insertions, 0 deletions
diff --git a/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js new file mode 100644 index 00000000..1a406f9c --- /dev/null +++ b/openo-portal/portal-resmgr/src/main/webapp/resmgr-nfv/js/vim.js @@ -0,0 +1,79 @@ +function loadVimData() { + var requestUrl = "/resmgr/rest/v1/resmanage/vim/vimInfo"; + $.ajax({ + type : "GET", + url : requestUrl, + contentType : "application/json", + success : function(jsonobj) { + printCharts(jsonobj.data[0].used.cpu, + jsonobj.data[0].total.cpu,jsonobj.data[0].used.memory,jsonobj.data[0].total.memory,jsonobj.data[0].used.disk,jsonobj.data[0].total.disk); + + }, + error : function(xhr, ajaxOptions, thrownError) { + bootbox.alert("Error on getting data (here display the test data) : " + xhr.responseText); + printCharts(11,12,21,22,31,32); + } + }); +} +function printCharts(v11,v12,v21,v22,v31,v32){ + var cpuChart = new Chart($("#cpuChart"), { + type : 'doughnut', + data : { + labels : ["used", "available" ], + datasets : [ { + data : [v11,v12], + backgroundColor : ["#FFCE56","#36A2EB"], + hoverBackgroundColor : ["#FFCE56","#36A2EB"] + } ] + }, + options : { + animation:{ + animateScale:true, + animateRotate:true + + } + } + }); + var memoryChart = new Chart($("#memoryChart"), { + type : 'doughnut', + data : { + labels : [ "used", "available"], + datasets : [ { + data : [v21,v22], + backgroundColor : [ "#FF6384", "#36A2EB"], + hoverBackgroundColor : [ "#FF6384", "#36A2EB"] + } ] + }, + options : { + + animation:{ + animateScale:true, + animateRotate:true + + } + } + }); + var diskChart = new Chart($("#diskChart"), { + type : 'doughnut', + data : { + labels : [ "used", "available"], + datasets : [ { + data : [v31,v32], + backgroundColor : [ "#FF6384", "green" ], + hoverBackgroundColor : [ "#FF6384", "green" ] + } ] + }, + options : { + animation:{ + animateScale:true, + animateRotate:true + + } + } + }); +} + +$(function() { + loadVimData(); + +})
\ No newline at end of file |