zoukankan      html  css  js  c++  java
  • grafana图表制作

    【1】表格图案

    【1.1】写好查询与分类

      

     注意,一般情况尽可能用瞬态

    【1.2】过滤、合并列

    (1)先过滤列

    (2)然后合并数据,最后重新组织列修改列名之类的

     

     这里的 Merge 也可以换成 outer join

      

    (3)组织列,重命名列名,显示、隐藏列

      

     点列名左边的眼睛就是隐藏,右边就是重命名列,以便在表格上显示

    【1.3】表格属性

    (1)panel :是整个图表信息

    Settings:

      Panel title 是图表名称:

        

       description:描述,会在图表左边有一个 i  一样的图表,鼠标放上去就可以看到描述信息

        

      Visualization:图表类型

        这个就不用多说了吧,自己试试就好了

           

      display:在表格中图表中,它的意思是,是否显示标题行

         

    (2)field :是作用于整个图表的全局属性

    如长度、宽度、阀值、字符大小、单位、映射等等,

    overrides :就是覆盖全局图表属性,它可以独立生成对于某列的额外属性,以便自定义脱离全局属性。比如把某个列的单位换成另外一个而不用全局单位

      

       table options

        column width:列长度

        column alignment:就是列内容的对其方式,比如一般数字默认是右对齐,字符串是默认左对齐;

        cell display mode:有一些很有意思的图表内容显示模式可以设置,比如给它加颜色等等

        column fiter:列过滤器,其实就是和 Excel 中的筛选有些类似

            

       Standard options:标准全局选项

        

      Unit,值的单位

      min:保留空以根据所有值计算(在使用min函数时),加入写0,那么null 在min函数值,它就是以 0 值计算,比如 有值  -1,1,2,3,null ,那么 null 在min 的时候它就是 0,假如只有 1,2,3,null  如果这里填写了 0,那么最终出来的值是 null;

      man:保留空以根据所有值计算(在使用max函数时)

      Decimals:保留几位小数

      Display name:所有列的列名,统一变成它

      no Value:当没有值的时候,以什么显示,比如采集数据没猜到任何值(因为有些采集,不是每一刻都可以采集到的数据的)

      Color scheme:就是颜色显示,根据下一个标签来,或者其他样式,比如上图就是根据下面的标签  thresholds

    thresholds:到某个值显示什么颜色

        

     Value mappings:

       

     这个是全局的,value是值,text是如果出现这个值,就用text里面的文本替换显示;

    (3)overrides:覆盖选项,特别针对某列

      

     fieds with name:这个就是根据列名过滤

      

       

     这个属性 加的就是针对这个列的;

     

     更具体的就不用说了 见前面的最佳实践

    【2】存在的变量

    $__interval:刷新间隔

      

  • 相关阅读:
    windows anaconda下安装Python的tesserocr库
    windows10上安装docker与碰到的坑
    阿里云centos下部署python flask应用。
    LeetCode--Python合并两个有序链表
    Linux(CentOS)下重置MySQL根(Root)密码,以及远程登录mysql连接IP受限问题解决
    windows下anaconda安装词云wordcloud
    关于selenium使用中谷歌浏览器驱动chromedriver的问题
    LeetCode 184. Department Highest Salary(找出每个部门中最高薪水)
    机器学习七--回归--多元线性回归Multiple Linear Regression
    机器学习六--回归--简单线性回归Simple Linear Regression
  • 原文地址:https://www.cnblogs.com/gered/p/13994423.html
Copyright © 2011-2022 走看看