00:00
好同学们,这一节开始呢给大家,呃,对这个仪表盘呢,做一个升级,现在呢,我们这个仪表盘呢,是把一次性呢,把五个序列呢全部展示出来啊,那么我们呢,现在希望能够加一个筛选的按钮,我们可以一次呢只看一个CPU的使用情况。啊,那么这个事呢怎么办?它其实呢,依赖于一个东西叫做变量,我们可以看到这个show wi bos呢,其实就是展示变量之前呢,在别的仪表盘里面,我们说过看别的仪表盘,比如说这个system。啊,我们就说过了,这个地方呢,它其实就是一个变量啊,我们点击这个筛,这个展示variable的这个功能呢,我们可以看到它可以折叠起来。啊,那么接下来呢,我们先去创建这个变量,创建变量呢,需要点击settings。然后在这里面呢,有一个呃,Variables。啊,那么这个呢,其实就是变量,我们可以看到呢,这里面有一个bucket bucket呢是一个变量的名称,然后呢,它这里面tap说是查询,哎,我们看点进去啊,看什么意思。
01:01
啊,也可以看到呢,这个变量其实是什么呢?它其实是一个居然是一个flux脚本啊,那么这个flu脚本完成什么工作呢?它其实呢,就是查出了我们当前啊,所有的存储桶的一个列表啊,那么现在呢,我们可以去看一下。啊,我们去看一下。我们的这个,呃,之前的仪表盘,比如说STEM。哎,我们随便点开一个,比如说我们要看一下这个。诶,点击右上角的按钮呢,再点击confirm,可以看它里面的查询是怎么写的。啊,我们可以看到它这个from bucket呢,它没有指定具体从哪一个,哎,存储桶里面去查数据,而是用的这个V点,那么这个V点什么意思呢?这个V点的意思其实是我们当前plus DB里面的环境变量也就这些。啊,那么这些呢,你可以看到它呢,V点8K其实用了这个。在这里你可以看到左边呢,有一个下拉菜单,我们可以直接,诶现在呢,就可以去给他指定一个具体的值。
02:02
你可以看到零一呢啊,是没有这个台里面的数据的。哎,可以在这里面进行一个交互,说白了这个下拉菜单的功能呢,其实是通过。引用这个环境变量,然后在运行时啊,也在我们交互时,我们去给他指定一个具体值,然后再由这个运行时的web UI帮我们填充回来,呃,所做的一个功能。啊,那么这个flax交友吧,是什么工作呢?它其实呢,就是查出了我们当前呃,所有的存储桶的一个列表,啊,那么现在呢,我们可以去看一下。啊,我们去看一下。我们的这个,呃,之前的仪表盘,比如说STEM。哎,我们随便点开一个,比如说我们要看一下这个。诶,点击右上角的按钮呢,再点击confirm,可以看它里面的查询是怎么写的。啊,我们可以看到它这个from bucket呢,它没有指定具体从哪一个,哎,存储桶里面去查数据,而是用的这个V点,那么这个V点什么意思呢?这个V点的意思其实是我们当前plus DB里面的环境变量也就这些。
03:09
啊,那么这些呢,你可以看到它呢,V点8K其实用了这个。在这里你可以看到左边呢,有一个下拉菜单,我们可以直接,诶现在呢,就可以去给他指定一个具体的值。你可以看到零一呢啊,是没有这个台里面的数据的。啊,可以在这里面进行一个交互,说白了这个下拉菜单的功能呢,其实是通过。引用这个环境变量,然后在运行时啊,也在我们交互时,我们去给他指定一个具体值,然后再由这个运行时的web UI帮我们填充回来啊所做的一个功能。呃,现在呢,我们先去试着创建这个变量啊,试着去创建创建这个变量,点击这个settings。然后呢,再点击create。啊,这里面呢,有一个newver直接点一下。
04:02
我们这个变量的名字呢,就叫CPU。然后呢,在这里面要编写我们的flash脚本。这里呢,给大家说一下,就是我们有一个函数呢,啊,有一个库叫STEM。就他。然后呢,我们用它直接去有一个有一个函数叫做t values,它呢能够直接查询到我们这一个标签,它目前所有的值。现在呢,我们去指定它的存储桶。啊,因为我们的telegraph呢,是把数据写到EXAMPLE02里面,所以说呢,我们就把这个存储桶呢,指定为EXAMPLE02,然后这里呢,第二个参数要指定一个target啊,我们的标签,标签的名称,标签的名称呢刚好也是CPU。好,我们可以点一下。好,那么现在呢,我们就有一个名字为CPU的变量。回到我们的音乐盘。呃,我们现在呢,回到我们自己的test里面。
05:00
啊,现在可以看到呢,还是什么都没有,我们点一下我们自己的这个图表。右上角的有个齿轮,点击confirm。呃,回来修改它。呃,那么现在呢,其实我们之前是用这个查询构造器来做的这个查询,现在呢,我们要用到这个环境变量呢,就必须把它转成flash脚本,点击script editor。把它转化成flash脚本,而在这里呢,我们可以看到啊,有一些这个筛选。在此处呢,我们对它做一个筛选,筛选什么呢?就是针对我们的tag CPU这个tag进行筛选。CPU。这一行数据的CPU等于什么?哎,不要等于某个具体值了,要引用我们这里的环境变量。哎,是v.CPU你可以看到右边的这个inject就是补全的意思,直接一点,你看它补全到v.CPU啊,那么现在呢,我们可以尝试一下。
06:05
点击上。好啥也没有是吧,然后呢,我们可以看一下这个地方呢,点对号。现在呢,呃,需要稍等。我把这个页面的刷新一下。啊,现在呢,可以看到啊,上面的这个CPU呢,已经成了一个下拉菜单,我们点一下CPU0。它只显示CPU0的使用情况,我点下CPU3,它只显示CPU3的使用情况啊,那么通过这种方式呢?啊,我们就创建了一个交互式的仪表盘啊,是通过这个变量呢啊来辅助实现的。
我来说两句