00:01
大家好。在上一节视频中,我们已经讲到了9O的启动部署方法。然后我们当时打交说是。外部版是前台启动的,然后我们现在把它改成后台启动啊乱的方式是前台启动,我们用start的方式是就是后台启动了,然后要停止的话就stop我们前来启动好。你看一下子。进行启动。我们来刷新一下。年轻。然后我们也可以停止,停止就是stop。A stop。然后我们来。这一节视频就是主要来。嗯,讲一下佛罗查汀这个插件的。功能。然后我们结合一个简单的一个。
01:00
应用场景吧。嗯,拿一个图,就我们就拿这个图来,就是作为模板。来讲一下他的一个。在这个图上添加几个元素。把佛罗定的一些。哪些功能项都说一下。菠萝家庭的一个,这它的一个功能面板。我我把它标记成九大块,切成九大块。上,嗯,在前一节课中也讲到过,嗯,大概演示了一下,但有一些功能没有没有讲到。我们结合一个具体的。啊,一个例子。来讲一下。刚才我已经把这个图。嗯,做了一下处理。把它。
02:01
上传到这边来了。我们来看一下。我把把一些不要的元素去掉了,然后改了一下名字,然后我们就是把。把主机,把这这几台主机元素。这几台主机。把他的CPU。标一下。CPU的话。我也添加了,就是这些名字。取了一个别名。每一个。每一个虚拟机,因为这些都是虚拟机,就把它的CPU。先标注出来,就相当于每一个指标。这里这里有六个指标,有七个指标都是CPU的,这七台主机。我们这里选择不说话。缩放的话太小了。这里是居中不居中。
03:02
窗口太小。是否添加背景色?对你说太难看了是吧。所以先先添加一个这色。好,我们就用这个说。然后我们现在就是来。增加规则。这里可以缩放的。比如说200。说的看不到。我们仍然把它改小改回来。然后我们现在创建一个规则。这个规则的话,我们根据根据下面的这个来命名。我们就叫cp CPU usage。RR01吧,R01吧,叫这个规则名字好吧。
04:03
然后应用把它应用在这个度量指标上面。然后。这个数字类型是百分比。百分比,我们选择百分比,百分比。百分之。少了两位小数,然后这个是一个阈值。他这里有三个状态。012他默认是。从大到小,大于是绿色,大于80是绿色,50到80之间是橙色。小于50是红色,我们把它反转一下。反转一下就是明月大于80的是红色大于50,我们大于60。这是每一个规则,它都有一个这样的日期的设置。这是一个梯度。这是一个state,显示它的状态,有一个图标,我们先全部把它开起来。
05:01
然后这里你看点这是提示度量提示。就是到时候会。在这个图上面会显示一个图标,一个图形。啊,是否显示图形,这里是是否显示度量值。啊,然后图形的方向。当状态是怎样子的时候才显示啊,我们就always吧,然后他的状态的颜色。那就是指标的颜色,度量的度量值的颜色。跟随状态一样,比如当状态是达到绿色是橙色的时候,然后它的颜色也变成橙色,它的指标也变成橙色。然后是否显示图形是以线条还是直方图的形式显示。图形是居中,是适应自适应还是最小中大?我们这适应,然后这是Y轴的高度,我们可以最小是从零开始,然后。
06:02
嗯,就是说啊,线性图形的一个类型吧,这是线型或者是对数,我们来看一下这里说明。刻度的类型。包括线性和倍数啊,我这文档里面都有说明每一个功能的一个用途。然后这些。啊,功能我们大概应该理解了解了,然后最重要的是这几项。就是color to。他这个是什么意思呢?就是颜色提示信息,我们要把一个。颜色提示信息的一个映射。然后我们如何把对应的度量值,就是这个指标映射到,比如说这个是CPS01,这条主题是CPS0,我们如何把它映射上去呢?度量值映射上去,然后。我们先来看一下这个。它是一个颜色。
07:01
嗯,提示的一个音色,然后这里是一个标签的音色,然后这里是超链接的音色,然后这里是一个事件的音色,事件就比如说达到某一种。阈值比如说大于60以后,然后它应该是怎样的,比如说像我们在image it里面的用的话,它会闪烁啊什么的,是不是有那种效果好,我们先从看了这个来开始。我们刚才是点这个加号新建一个,然后这里是一个显示或隐藏的一个眼睛的。然后这里有个眼睛的图标,眼睛的图标我们点一下以后,然后这里就显示了,那我们就选择一个在图,在map上在画,就图上面选择一个对象。啊,我们比如说我们要选择这个对象。是不是他呢?我们来看一下。嗯,是它是吧,它已经变成绿色了,因为现在是绿色。我们CPU很低,我们先把它加上,我们来看一下,我们先来。
08:03
我们先保存一下。然后我们这里设一个刷新。十秒刷新,然后我们来压测一下这个。我们待会儿看一下他的状态。我们把CPU压一下。0.39。27,我们把这个日子稍微调低一点。我们大约30吧,待会不然的话。太大了。待会又。然后。这里是不是已经是。绿色。然后不管它这里是what,就是哪一个ID。当发生了什么东西,就是我们比如说是warning或者是的时候。
09:07
自己被压死了。等一下。我们先保存一下。零四。太狠了,嗯。现在我们再再来看一下。可能压力太大了。好,现在我们看一下这里是否填充,就是当什么哪一个ID就是这个这个图。他的。处于哪种状态的时候,一个是同步,一个是warning和的时候,然后我们把它进行填充。进行填充。就是。我们来看一下这个功能。
10:01
他有垃圾箱。当处于哪种状态时,就是说所有状态或者每一种状态都不行,都不不就是never或者是warning,或者的时候对元素进行一个怎样的填充,一个是形状填充,一个是。嗯。叫做不填充,就只有边框的这种填充,还有标签、字体、颜色。一个标签的填充。因为我们这个图上面没有,现在没有标签。然后。字体颜色,背景色,边框色,还有图像背景色,我们其实有些我们根本用不到,我们现在就用填充来看一下。我们先把这个日子调低一点。到20好。调到20的时候,你看一下他这个是不是开始闪烁了。闪烁的图标是这个。开启。所以说是我们应该。
11:03
应该还行。是。大于30。大概是闪烁,这是第一个元素,然后标签,我们来给它标签添加一个,还是这个元素。我们这个时候我们可以复制了。对这个元素再做一个什么样的处理呢?当他。就是。显示这个度量。啊,你看它的CPU是34.49%是吧?啊,你看我刚才鼠标放上去的时候,这里是不是有一个有一个图出来,图就是这个。我关掉的话应该就没有了,是不是。这里是一个显示的。然后这里显示直方图。啊,就是这种的,我们一般选择线条折线就行了,就是这种效果。
12:04
啊,这里要设一个刷新好一点。不然的话,你可能有时候看不到这种这种效果。然后。这个值出来了。显示它这个值。可以是。All显示所有的内容,或者说subs。因为我这个地方他没有在这个,比如说按道理的话,我在这个图上面应该。加一个,比如叫CP01,给他定义一个标签,我现在是没有没有做一个说明,所以。如果有说明的话,比如说open,它应该是追加在这个标签的后面。或者是open的用量就新增一行追加啊,有这种格式。然后这个就是。
13:00
这里还可以添为他添加一个链接。比如说还是这个ID是吧。这个我们用的也也不多。然后告诉一下,说明一下怎么用的,所以说warning和的时候,我们把它跳到比如说。哦。比如说我把它跳到。聊协调。跳到我的博客。我跳了这个栏目。可以跳到这个栏目,然后这后面是支持穿插的。啊,就是说这个,如果这个链接的话。他比如说也是可以是动态的不同的。哦。就不同的图吧,传到不同的地方。传到不同的链接上去啊,这个我们暂时不需要,因为这个用的也不多,然后这个这个很有趣,这个这个功能就是说发生这个事件以后,他的动作是怎样的。
14:02
的动作,我们先把意志再调低一点,让他,让他有这个日劲。然后。我们来再来添加一个这样的效果。还是这个链接。然后当他。当这几种状态的时候,当是一的时候。就是说您是正常嘛,是吧。啊,一是warning的时候,当是warning的时候。我让他的值进行闪烁。然后最后面是一个时间毫秒,单位是毫秒,你看啊。他没闪烁,你看他有时候会闪烁一下,是不是有这种闪烁的效果。隔个一秒,他闪烁一下。有这种效果。然后我们还可以。因为刚才这个地方的填充。
15:01
你看。Label front。看它的颜色。变了没?那先把。因为这里没有标签,所以它没有显示。显示不出来是吧。所以我们,嗯,图形的话,我们在绘图的时候也要针针对于这些特性。乃绘制图形。我们现在就先。选这个就是一个边框的上面的有一个颜色,好,我们现在还是选S,就填充吧这种。然后我们把这里开起来,就是一秒钟闪烁一次,如果达到了这种位置啊,这个就是。这样的一个。一个效果。然后它里面的功能像。就是选项特别多。
16:01
这里面的选项特别多。哦,我这里都有都有说明。你看一下。就是说。推一些内容性。这个是。标签文本映射,然后链接映射,然后是事件的动画映射,事件的动画映射有很多种。嗯,关档的手册上其实也有也有一个说明,我们来插件,我们来看一下这个插件的。他讲的更详细。我们来看一下,如参考它的DEMO。我们来看一下。我们来看一下它的代码。
17:01
我们来看一下图形的这个。使用。射箭,这个射箭的一个动作。他这边是。是比较慢的。明显的。他这里就是每一个事件的动作,他都这样展示出来了。比如说。像第一个这种。它显示的是这种状态,比如说我,嗯,它会滑动。比如说我把这个元素拷过来。我们先来艾特一下,他这个是七的。我们把这个元素加加过来,可以看一下它的效果。我们放到我们这个图上来。
18:02
我们新建一个图。嗯。嗯。然后我们把它的连接。切进来,我们来看一下他这个图。嗯,他是一个这样的。你比如说我要把这个。考到我们这边来看一下。他这个。让大家看一下这个效果。比如说我编辑这个图。比如说我把那个元素也。我们就加一个元素吧。先看一下它的效果。
19:14
全部反过来。装下面的。But to the。这个文字我们不要了。你再睡。我们用这个来讲,他的动作可能更好。
20:05
比如说。这上面有这么多。这些元素,比如说我把它应用到这个里。看看有什么效果。这是第一个元素,我刚才添加了在上面。嗯,这里是有闪烁一下的是吧。然后。我们在添加一个元素。添加一个元素的话,这里是可以复制的克隆,克隆一个。嗯,克隆一个,它默认是把第一个。排序。他把第一个变成copy,我们改一下名字,我们写。然后我们改一下第二个。比如说我们仍然用,比如说我们用CP02。底下用应该是零二。
21:03
它也是一个百分比是吧。然后。我们来看一下,我们把最下面的这个ID,我们现在选择这个ID来来测试。你把这些都删了。上面的我们暂时图片。我们来看一下这个效果。比如说我们选择这个。这个元素。47。然后。47的话,我们让他来一个。先不停充吧。先不填充。他默认是。我们把这个删了。他们也在闪烁。我让他的动作是一个。47。
22:07
然后让他是。零到100这种。进度条的这种走动。一这个其实在这边官网上。他就这里就有这个效果。你看他会动。我们来看一下这个元素吧,官网,官网是它这个DEMO用的是七的版本,我们先找到,找到第一个。元素啊,这个元素。是。然后它是一个进度条的形式。然后它这里是。加了这里加了两个,看了这里加了两个,你看它会滚动。然后对应的值。
23:01
它会牵制position,然后对应的winner,这里选的是winner。然后我们来看一下。我们这个地方对应的,所以要把它对应的V0。我们来。47。然后。我们这里。47。我们看一下。他呢,他这个label和这个地方是没有做映射的链接,也没有做映射。只是在康这里做了。看看托,就是这个地方做了。那地方可能没有错。这里有这种效果。然后我们怎么样让他来。滚动的我们来看一下,如果是二的话,你看它默认是零一。
24:05
会有这种滚动的效果,因为我这里负载太低了,CP02。我们来压测一下。可能对CP一样也压测。来看一下他应该就会。走动会变动。这里。这里要刷新才能看得出效果。
25:06
它有时候会滚动是吧,是以这种进度条的形式,然后。嗯,它还可以旋转闪烁,还有改变形状。我这边都有,都对他有做说明,旋转360度的旋转。闪烁。然后形状是否就是说闪烁,是否隐藏或者显示。嗯。显示。隐藏或者显示。其实。
26:00
Follow呢,它这个功能,它这里面的每一个。嗯,功能项啊,在他的DEMO里面我们都可以看得到。具体的话我们就根据他这个面板来设置,因为这个每一个功能如果你都要用到的话,也不太可能,就是根据自己的一些场景。工作中需要的话,我们再来看一下它怎么设置啊,我在这每一项功能的话,我在这里也有说明。哦,还可以折叠啊。改变形状,折叠或者显示它,这里也有,你看。他这个图标可以折叠,可以展示,然后可以旋转,可以设置高度,宽度,字体大小。是吧,你看这里可以动是吧,有这种效果。
我来说两句