服务器各项指标的图形化显示

在机房的监控时,经常需要去查看某个机柜中的某一台服务器的各项指标,比如该台服务器的CPU的使用情况、该台服务器的硬盘的使用情况、以及网络的流量等等,以下我们将用TWaver 3D来实现一下该例子:

创建服务器上面显示的“磁盘空间”,“CPU占用率”,“内存空间”的函数:

1 function
createPie(box, x,y,z, arc, color, text){
2 var
innerNode=createPieNode(box, 
2295360‘white‘,‘../images/transparent_blue.png‘);
3 var
outerNode=createPieNode(box, 
251001,
color,
‘../images/plastic01.png‘);
4 outerNode.setClient(‘value‘,
arc);
5 outerNode.setClient(‘type‘,‘pie‘);
6 innerNode.setParent(outerNode);
7 outerNode.setPosition(x,y,z);
8 outerNode.setRotationX(Math.PI/2);
9  
10 var
persent = 
"("+parseInt(parseFloat((arc/360)*10000))/100+"%)";
11  
12 var
label = createLabelBillboard(text+persent);
13 label.setPosition(00,
-
120);
14 label.setParent(outerNode);
15 label.setSelectable(false);
16 box.add(label);
17  
18 return outerNode;
19 }

创建流量的柱状图的函数:

1 function
createBar(box, x,y,z, value, color, text){
2             var
innerNode=createPieNode(box, 
20020360‘white‘,‘../images/transparent_blue.png‘);
3             var
outerNode=createPieNode(box, 
1+Math.random()*19921360,
color, 
‘../images/plastic01.png‘);  
4             outerNode.setClient(‘value‘,
value);
5             outerNode.setClient(‘type‘,‘bar‘);
6             innerNode.setParent(outerNode);
7             outerNode.setPosition(x,y,z);
8  
9             var
label = createLabelBillboard(text);
10             label.setPosition(02200);          
11             label.setParent(outerNode);
12             label.setSelectable(false);
13             box.add(label);
14  
15             return outerNode;          
16         }

创建PathNode的函数:

1 function 
createLineChart(box, values){
2             var
path=
new mono.Path();
3             for(var
i=
0;i<values.length;i++){
4                 var
value=values[i]*
2;
5                 var
x=-
200-i*130;
6                 if(i==0){
7                     path.moveTo(400,value,x);
8                 }else{
9                     path.lineTo(400,value,x);
10                 }
11             }
12             path=mono.PathNode.prototype.adjustPath(path,10,10);
13              
14             var
node=
new mono.PathNode(path, 205100,‘plain‘‘plain‘);
15             node.s({
16                 ‘m.repeat‘new mono.Vec2(20,1),
17                 ‘m.texture.image‘‘../images/red.png‘,
18                 ‘m.type‘‘phong‘,
19                 ‘m.specularStrength‘:10,
20             });
21             node.setSelectable(false);
22             node.setClient(‘value‘100);
23             node.setClient(‘type‘,‘line‘);
24  
25             box.add(node);
26             return node;
27         }

以下全方位的展示该效果图:

正面展示效果:

斜侧面一展示效果:

斜侧面二展示效果:

其实也可以完全和机柜结合起来,当进入到具体的机柜后,点击某一服务器时,我们就显示出相关的参数,当点击另一个服务器时又显示另一堆参数。

时间: 2024-11-06 01:34:27

服务器各项指标的图形化显示的相关文章

HeidiSQL软件推荐( MySQL 服务器和数据库管理的图形化界面)

一. 软件介绍 HeidiSQL 是一款用于简单化你的 MySQL 服务器和数据库管理的图形化界面.该软件允许你浏览你的数据库,管理表,浏览和编辑记录,管理用户权限等等. 此外,你可以从文本文件导入数据,运行 SQL查询,在两个数据库之间同步表以及导出选择的表到其它数据库或者 SQL 脚本当中. HeidiSQL 提供了一个用于在数据库浏览之间切换 SQL 查询和标签带有语法突出显示的简单易用的界面.其它功能包括BLOB 和 MEMO 编辑,大型 SQL 脚本支持,用户进程管理等.该软件资源开放

数据分析与图形化显示数据

一:关于数据统计和分析:(1). 后端要按规定的格式记录充分的数据到文件或数据库 (2). 至于要查看数据以进行数据分析, 原始的方法是直接肉眼看文件或手动查数据库, 当然,更好更完善的做法则是图形化显示出数据以供查看,图形化显示的数据不但能方便开发人员查看,而且也方便非开发人员(比如运营人员)查看, 如何图形化显示数据?可以考虑用pyQT或wxPython写相应的工具,或者用js(比如highcharts库)制作工具. 二:后端开发人员在特定情况下,需要图形化显示数据,比如调试寻路时,将算法生

20180601_MySQL下载、安装、配置、修改密码、图形化显示

MySQL下载.安装.配置.修改密码.图形化显示 mySQL下载 使用搜索引擎,搜索mysql 进入mysql官网 DOWNLOADS--Community--MySQL Community Server 下载对应版本的mysql数据库,这里我们选择:MySQL Community Server 5.7 进入下载页面,这里会弹出一个提示 选择No thanks, just start my download. 已经开始下载了,等待下载完成即可. MySQL安装和配置 解压压缩包: 将下载的mys

Linux红黑树编程实例,图形化显示红黑树

最近在学习Linux内核里的红黑树,发现网站上都没有一点好的实例能直观表达.参考了网上一些大神的技巧,终于在 终端上实现直观表达红黑树. 我们这次使用的红黑树代码是从Linux内核拷贝出来的:include/linux/rbtree.h 和 lib/rbtree.c 由于我们的代码是应用程序上实现的,所以要对这两个文件做一些修改: rbtree.h: 注:注释掉两行头文件,加入offsetof和container_of的宏定义 rbtree.c: 注:注释掉头文件,加入自己改过的rbtree.h

MariaDb数据库管理系统学习(二)使用HeidiSQL数据库图形化界面管理工具

HeidiSQL 是一款用于简单化的 MySQL 服务器和数据库管理的图形化界面.该软件允许你浏览你的数据库,管理表,浏览和编辑记录,管理用户权限等等.此外,你可以从文本文件导入数据,运行 SQL查询,在两个数据库之间同步表以及导出选择的表到其它数据库或者 SQL 脚本当中.HeidiSQL 提供了一个用于在数据库浏览之间切换 SQL 查询和标签带有语法突出显示的简单易用的界面.其它功能包括BLOB 和 MEMO 编辑,大型 SQL 脚本支持,用户进程管理等.该软件资源开放. MariaDB安装

xmanger图形化登陆远程服务器

犹豫网上的资料比较杂,经过本人整理实际操作验证,保证ok  本人的服务器系统为centos5.8 下面的都是centos服务器上的操作,需要简单的配置下: win客户端使用xmanger软件:首先是服务端已经安装了图形化桌面: #yum groupinstall "GNOME Desktop Environment" #yum groupinstall “X Window System” 服务器端开启远程桌面连接的配置: vim /etc/gdm/custom.conf [securi

windows 使用vnc图形化界面远程连接阿里云ubuntu 16.04云服务器

** 使用vnc图形化界面远程连接阿里云ubuntu 16.04云服务器** 前提:昨天写了一篇博客使用Windows远程桌面连接阿里云服务器,虽然成功连接,但是消耗内存比较大,像我的阿里云1G 1核的乞丐版,卡顿比较严重,用起来非常的不爽,和同事讨论了一下建议说用vnc来连接,Windows下下载vnc viewer 图形化界面连接效果还不错!于是回去找了资源鼓捣了一下,特写出来与大家分享!(写的步骤有点多,但是还是挺简单的) 使用Windows主机下载vnc viewer安装!下载链接地址:

linux 下 VNC Server安装配置及 eclipse CDT C/C++ 开发环境搭建(我用的是阿里云服务器 ubuntu 12.04 64-bit,无图形化界面)

linux 下 VNC Server安装配置及 eclipse CDT C/C++ 开发环境搭建(我用的是阿里云服务器 ubuntu 12.04 64-bit,无图形化界面): 既然要用 eclipse 可视环境下开发,那首先要安装图形界面喽!!! 对开发者来说,个人认为 linux 选择界面优先选择顺序:Awesome(性能最好) > Xfce4 > gnome > unity-2d //////////////////////////////////////////////// 首先

利用Xmanager Enterprise 5的passive显示远程linux主机图形化信息

问题描述: 最初的需求是,安装oracle数据(第一次安装都是图形化linxu进去一步步操作,后续发现可以命令静默安装不调用图形化,学习就是步步入深,方得始终),最初实现window弹出linux主机图形化是vncviewer实现的,然而vncserver设置相对繁琐亦有可能不成功! 行千里,始于足下! 问题解决: 看过经验丰富的操作,才发现调出图形化可以如此简单!利用xshell的企业版Xmanager的passive是远程linux图形化信息通过X11协议传输到互通windows上. 实验背