当前位置: 首页 > news >正文

【四 (6)数据可视化之 Grafana安装、页面介绍、图表配置】

目录

    • 文章导航
    • 一、Grafana介绍
    • [✨ 特性]
    • 二、安装和配置
      • 1、安装
      • 2、权限配置(账户/团队/用户)
        • ①用户管理
        • ②团队管理
        • ③账户管理
        • ④看板权限
      • 3、首选项配置
      • 4、插件管理
        • ①数据源插件
        • ②图表插件
        • ③应用插件
        • ④插件安装方式一
        • ⑤安装方式二
    • 三、数据源管理
      • 1、添加数据源
      • 2、修改数据源
    • 四、面板&文件夹管理
      • 1、新建面板或文件夹
      • 2、General-面板基本信息(标题、描述、所属目录、时区等)
      • 3、Varables-面板内变量配置
      • 4、Versions-版本管理
      • 5、ROW-图表收纳
    • 五、图表管理
      • 1、新建图表
      • 2、删除图表
      • 3、编辑图表
      • 4、复制图表
      • 5、图表编辑面板介绍
    • 六、图表分类
      • 1、突出类图表
        • ①指标卡
        • ②仪表盘
      • 2、占比类图表
        • ①饼图
        • ②环形图
        • ③堆叠条形图
        • ④百分比堆叠条形图
      • 3、比较排序类
        • ①条形图
      • 4、趋势类图表
        • ①折线图/堆叠折线图/百分比堆叠折线图
        • ②面积图/堆叠面积图/百分比堆叠面积图
      • 5、频率分布图
        • ①直方图
        • ②K线图
      • 6、关系类图表
        • ①散点图
    • 七、图表样式设置
      • 1、panel options:设置标题/备注/链接
      • 2、Tooltip:设置鼠标悬停时的提示效果
      • 3、Legend:设置图例样式(格式/位置/max值)
      • 4、Axis:设置坐标轴样式
      • 5、Graph styles:设置图表样式
      • 6、Standard options:设置数据单位及样式
      • 7、Data links:给数据添加链接
      • 8、Value mappings:值映射,将值替换为想要的值
      • 9、Thresholds:设置阈值线(绝对值/百分比,线或色块)
    • 八、Transfrom
      • 1、Filter by name
      • 2、Add field from calculation
      • 3、还包括其他各类数据排序,关联,筛选,计算等功能(不推荐)

文章导航

【一 简明数据分析进阶路径介绍(文章导航)】

一、Grafana介绍

Grafana是一个开源的数据可视化工具,可以将各种数据源的数据以图形化的方式展示出来。它支持多种数据源,例如Prometheus、Elasticsearch、InfluxDB等,还支持多种图表类型和样式,可以满足不同数据展示的需求。

[✨ 特性]

  • 开源:Grafana是一个开源的数据可视化工具,可以免费使用和修改。
  • 多数据源支持:Grafana支持多种数据源,可以方便地展示不同数据源的数据。
  • 多图表样式:Grafana支持多种图表样式和组件,可以满足不同数据展示的需求。
  • 可扩展性:Grafana可以通过插件和API进行扩展,可以满足不同的需求和场景。
  • 易用性:Grafana的界面友好,易于使用和操作。

二、安装和配置

1、安装

1.1、打开30000端口的防火墙
[root@localhost local]# vi /etc/sysconfig/iptables
1.2、重启防火墙
[root@localhost local]# systemctl restart iptables.service
1.3、防火墙开机启动
[root@localhost local]# systemctl enable iptables.service
1.4、进入/usr/local目录
[root@localhost local]#cd /usr/local
1.5、下载安装包
[root@localhost local]#wgethttps://dl.grafana.com/enterprise/release/grafana-enterprise-9.4.1-1.x86_64.rpm
1.6、安装
[root@localhost local]#sudo yum install grafana-enterprise-9.4.1-1.x86_64.rpm
1.7、granafa默认使用3000端口,启动前查看3000端口是否占用
[root@localhost local]# netstat -anp | grep 3000  或ss -ntlp | grep grafana
1.8、如果被占用,kill该进程(实际情况得看占用端口是否有用,不能kill的话修改配置更换grafana端口)  
[root@localhost local]# kill -9 4028
1.9、再次查看,确认kill成功
[root@localhost local]# netstat -anp | grep 3000
1.10、启动服务
systemctl restart grafana-server/sudo systemctl restart grafana-server
1.11、设置服务开机启动
systemctl enable grafana-server/sudo systemctl enable grafana-server
1.12、访问http://192.168.80.129:3000/login

在这里插入图片描述

2、权限配置(账户/团队/用户)

①用户管理

在这里插入图片描述

②团队管理

在这里插入图片描述

③账户管理

在这里插入图片描述

④看板权限

在这里插入图片描述
在这里插入图片描述

3、首选项配置

可以更改主题/时区/语言等

在这里插入图片描述
在这里插入图片描述

4、插件管理

①数据源插件

在这里插入图片描述

②图表插件

在这里插入图片描述

③应用插件

在这里插入图片描述

④插件安装方式一

直接点击Install安装

在这里插入图片描述
安装完成,点击Uninstall可以卸载
在这里插入图片描述

⑤安装方式二

在主机内通过grafana-cli plugins install alexanderzobnin-zabbix-app下载或者下载安装包,记得重启服务systemctl restart grafana-server

三、数据源管理

1、添加数据源

在这里插入图片描述

2、修改数据源

点击可以对数据源配置进行修改
在这里插入图片描述
在这里插入图片描述

四、面板&文件夹管理

1、新建面板或文件夹

在这里插入图片描述

2、General-面板基本信息(标题、描述、所属目录、时区等)

在这里插入图片描述

3、Varables-面板内变量配置

类似$ from、$ to这种内置变量

在这里插入图片描述

4、Versions-版本管理

可以恢复到对应版本
在这里插入图片描述

5、ROW-图表收纳

在这里插入图片描述

可以看到图表被收纳
在这里插入图片描述

五、图表管理

1、新建图表

在这里插入图片描述

2、删除图表

在这里插入图片描述

3、编辑图表

在这里插入图片描述

4、复制图表

上面这个是直接复制粘贴、下面的是复制到粘贴板
在这里插入图片描述

5、图表编辑面板介绍

在这里插入图片描述

1、切换展示风格

2、是否填充展示

3、时间区间

4、随机时间

5、 刷新

6、不保存

7、保存

8、 应用(还需保存)

9、选择基础图表

10、选择推荐的图表

11、选择已制作图表库

六、图表分类

1、突出类图表

①指标卡

通过Color scheme为From thresholds(by value)组合Thresholds,可以设置默认颜色和达到多少阈值后显示的颜色

在这里插入图片描述

②仪表盘

通过Color scheme为From thresholds(by value)组合Thresholds,可以设置默认颜色和达到多少阈值后显示的颜色

在这里插入图片描述

2、占比类图表

①饼图

在这里插入图片描述

②环形图

在这里插入图片描述

③堆叠条形图

Stacking设置为Normal为堆叠条形图
在这里插入图片描述

④百分比堆叠条形图

Stacking设置为100%为百分比堆叠条形图
在这里插入图片描述

3、比较排序类

①条形图

Stacking默认为Off为条形图
在这里插入图片描述

4、趋势类图表

①折线图/堆叠折线图/百分比堆叠折线图

Stack series默认为Off为折线图,设置为Normal为堆叠折线图,设置为100%为百分比堆叠折线图
在这里插入图片描述

②面积图/堆叠面积图/百分比堆叠面积图

通过Fill opacity设置透明度可以将折线图更改为面积图

Stack series默认为Off为面积图,设置为Normal为堆叠面积图,设置为100%为百分比堆叠面积图
在这里插入图片描述

5、频率分布图

①直方图

在这里插入图片描述

②K线图

在这里插入图片描述

6、关系类图表

①散点图

在这里插入图片描述

七、图表样式设置

1、panel options:设置标题/备注/链接

在这里插入图片描述

2、Tooltip:设置鼠标悬停时的提示效果

在这里插入图片描述

3、Legend:设置图例样式(格式/位置/max值)

在这里插入图片描述

4、Axis:设置坐标轴样式

在这里插入图片描述

5、Graph styles:设置图表样式

在这里插入图片描述

6、Standard options:设置数据单位及样式

在这里插入图片描述

7、Data links:给数据添加链接

在这里插入图片描述

8、Value mappings:值映射,将值替换为想要的值

在这里插入图片描述

9、Thresholds:设置阈值线(绝对值/百分比,线或色块)

在这里插入图片描述
在这里插入图片描述

八、Transfrom

Grafana 的 Transform 是一个可选的数据处理步骤,可以用于对查询结果进行转换和处理。使用 Transform 可以让 Grafana 的查询结果更加符合实际需求,提高数据分析的效率。在使用 Transform 时,需要根据实际需求选择合适的 Transform,并结合查询语句和可视化组件进行配置和调整。

1、Filter by name

该 Transform 可以根据查询结果中的某个字段或表达式,过滤出符合条件的数据。例如,可以使用 Filter 来过滤出某个时间段内的数据,或者只显示某个区域的数据。

在这里插入图片描述

2、Add field from calculation

该 Transform 可以将根据现有字段计算出一个新的字段

3、还包括其他各类数据排序,关联,筛选,计算等功能(不推荐)

建议直接在sql或者存入数据库时就处理
在这里插入图片描述

相关文章:

【四 (6)数据可视化之 Grafana安装、页面介绍、图表配置】

目录 文章导航一、Grafana介绍[✨ 特性]二、安装和配置1、安装2、权限配置(账户/团队/用户)①用户管理②团队管理③账户管理④看板权限 3、首选项配置4、插件管理①数据源插件②图表插件③应用插件④插件安装方式一⑤安装方式二 三、数据源管理1、添加数…...

jvm 堆

Java虚拟机(JVM)中的堆是运行时数据区的一个主要部分,它用于存放对象实例和数组。它是所有Java线程共享的一块内存区域,是垃圾收集器管理的主要区域,因此也被称作垃圾收集堆(Garbage-Collected Heap&#x…...

Jenkins通知目标服务器拉取Harbor镜像部署

1.告诉目标服务器拉取哪个镜像 2.判断当前有没有正在运行此容器,有就删除 3.接着查看拉取的镜像目标服务器上是否已存在,有就删除 4.拉取Harbor镜像 5.运行容器 目标服务器编写脚本 创建个部署脚本 vim deploy.sh告诉目标服务器Harbor地址、仓库、镜像…...

Android 13.0 系统中framework中关于Activitity的生命周期的源码讲解

1.前言 在13.0的系统rom定制化开发中,在framework中对activitity的生命周期的掌握和了解也是非常重要的,这样有利于在启动某个app的activity的页面的时候,可以 监听到是在启动 resume stop的过程,也好进行相关的功能开发,接下来就分析下Activity的相关生命周期的代码 2.…...

常见的几个Python技术难题

大家在日常开发中有没有遇到一些难题呢?计划后面出几期专题针对性的解决。大家如果有其它问题可以在评论区给出哈。 以下是几个Python技术难题的例子: 并发和多线程编程:Python的全局解释器锁(GIL)限制了多线程的并行…...

【探索Linux】—— 强大的命令行工具 P.28(网络编程套接字 —— 简单的UDP网络程序模拟实现)

阅读导航 引言一、UDP协议二、UDP网络程序模拟实现1. 预备代码⭕makefile文件⭕打印日志文件⭕打开指定的终端设备文件,并将其作为标准错误输出的目标文件描述符 2. UDP 服务器端实现(UdpServer.hpp)3. UDP 客户端实现(main函数&a…...

【MATLAB源码-第165期】基于matlab的科莫多巨蜥算法(KMA)机器人栅格路径规划,输出做短路径图和适应度曲线。

操作环境: MATLAB 2022a 1、算法描述 科莫多巨蜥算法(Komodo Mlipir Algorithm,简称KMA)是一种受到印尼科莫多岛上独特生物——科莫多巨蜥启发的创新算法。尽管这个算法的名称听起来很有趣,但实际上它并不是一个公认…...

【Linux】项目部署CPU彪高如何定位

1.查看所有CPU占比 使用top指令获取彪高进程的PID 2.输出进程的信息 ps H -eo pid,tid,%cpu | grep 1313 3.查看线程的信息 jstack tid nid都是十六进制的 4.进制转换 将 tid的十进制转为十六进制 找到nid 可以定位到具体位置 5.关闭程序 ps -ef | grep java kill -9 jav…...

第十二届蓝桥杯大赛软件赛决赛C/C++ 研究生组-纯质数

直接判断数据过大 相对而言&#xff0c;由2&#xff0c;3&#xff0c;5&#xff0c;7组成的数更少&#xff0c;则先筛选出由2,3,5,7组成的数&#xff0c;再判断这些数中的质数个数即可 #include <iostream> using namespace std; int main() {printf("1903");…...

MyBatis面试简答题

以下是一份MyBatis的高难度简答题,共20题: 请解释MyBatis中#{}和${}的区别,并举例说明它们在实际应用中的使用场景。 MyBatis的Mapper接口是如何与XML映射文件关联的? 如何在MyBatis中实现动态SQL?请列举几种常见的动态SQL元素并解释其作用。 描述MyBatis中的ResultMap的作…...

lua 中的元表

a{ age0, __tostringfunction() { }, __callfunction() { }, } b{} a.__indexa{}//将a表中的__index指向自己 setmetatable(a,b)//将b设置为a的元表&#xff1b; __tostring 当子表a被当做字符串使用时会调用原表b中的__tostring方法, __call 当子表a被当做字符串使用时…...

c语言综合练习题

1.编写程序实现键盘输入一个学生的学分绩点 score&#xff08;合法的范围为:1.0—5.0&#xff09;&#xff0c;根据学生的学分绩点判定该学 生的奖学金的等级&#xff0c;判定规则如下表所示。 #include <stdio.h>int main() {float score;printf("请输入学生的学分…...

相机拍照与摄影学基础

1.相机拍照 相机可能形状和大小不同&#xff0c;但基本功能相同&#xff0c;包括快门速度、光圈和感光度&#xff0c;这些是摄影的通用概念。即使是一次性相机也是基于这三个理念工作的。不同类型相机在这三个概念上的唯一区别是你可以控制这些功能的程度。这三个参数被称为相…...

Pytorch:torch.cuda.empty_cache()

torch.cuda.empty_cache() 原理 torch.cuda.empty_cache() 是PyTorch中用来释放未被分配的缓存的内存的函数。在使用GPU进行计算时&#xff0c;CUDA会在内部维护一个内存缓存池&#xff0c;以便更快地分配和释放。但有时候&#xff0c;这些缓存的内存在不再需要的时候&#x…...

Linux--gdb调试

一.安装gdb sudo apt install gdb 二.使用gdb 三.gdb的相关操作 gdb 可执行文件名 显示代码: l 加断点: b 行号 启动程序:r(运行之前一定要加断点) 查看断点信息: info break/info b 删除断点信息:delete 断点编号 单步执行:n 打印 :p 显示:display 变量名: 退出:q …...

JavaSE(上)-Day6

JavaSE&#xff08;上&#xff09;-Day6 数组数组的定义数组的初始化打印数组分析数组索引数组内存图 方法方法的定义和调用方法的重载方法的内存图 二维数组二位数组的创建和初始化二维数组的内存图 数组 1.数组是一种容器&#xff0c;可以一次存储多个相同类型的数据 数组的…...

(二十五)Flask之MTVMVC架构模式Demo【重点:原生session使用及易错点!】

目录&#xff1a; 每篇前言&#xff1a;MTV&MVC构建一个基于MTV模式的Demo项目&#xff1a;蹦出一个问题&#xff1a; 每篇前言&#xff1a; &#x1f3c6;&#x1f3c6;作者介绍&#xff1a;【孤寒者】—CSDN全栈领域优质创作者、HDZ核心组成员、华为云享专家Python全栈领…...

[ C++ ] STL---list的使用指南

目录 list简介 list的常用接口 构造函数 赋值运算符重载 迭代器 容量相关接口 元素访问接口 修改相关接口 头插push_front() 头删pop_front() 尾插push_back() 尾删pop_back() insert() erase() list的迭代器失效 list简介 1. list是可以以O(1)的时间复杂度在任意…...

数据可视化-ECharts Html项目实战(2)

在之前的文章中&#xff0c;我们学习了如何创建简单的折线图&#xff0c;条形图&#xff0c;柱形图并实现动态触发&#xff0c;最大最小平均值。想了解的朋友可以查看这篇文章。同时&#xff0c;希望我的文章能帮助到你&#xff0c;如果觉得我的文章写的不错&#xff0c;请留下…...

【Network Management】DCM模块唤醒网络是主动唤醒还是被动唤醒

目录 前言 正文 1.CanNm的状态机分析 2.ComM的状态机分析 3.诊断报文唤醒网络知识扩展...

51c自动驾驶~合集58

我自己的原文哦~ https://blog.51cto.com/whaosoft/13967107 #CCA-Attention 全局池化局部保留&#xff0c;CCA-Attention为LLM长文本建模带来突破性进展 琶洲实验室、华南理工大学联合推出关键上下文感知注意力机制&#xff08;CCA-Attention&#xff09;&#xff0c;…...

Spring Boot 实现流式响应(兼容 2.7.x)

在实际开发中&#xff0c;我们可能会遇到一些流式数据处理的场景&#xff0c;比如接收来自上游接口的 Server-Sent Events&#xff08;SSE&#xff09; 或 流式 JSON 内容&#xff0c;并将其原样中转给前端页面或客户端。这种情况下&#xff0c;传统的 RestTemplate 缓存机制会…...

深入浅出:JavaScript 中的 `window.crypto.getRandomValues()` 方法

深入浅出&#xff1a;JavaScript 中的 window.crypto.getRandomValues() 方法 在现代 Web 开发中&#xff0c;随机数的生成看似简单&#xff0c;却隐藏着许多玄机。无论是生成密码、加密密钥&#xff0c;还是创建安全令牌&#xff0c;随机数的质量直接关系到系统的安全性。Jav…...

Objective-C常用命名规范总结

【OC】常用命名规范总结 文章目录 【OC】常用命名规范总结1.类名&#xff08;Class Name)2.协议名&#xff08;Protocol Name)3.方法名&#xff08;Method Name)4.属性名&#xff08;Property Name&#xff09;5.局部变量/实例变量&#xff08;Local / Instance Variables&…...

定时器任务——若依源码分析

分析util包下面的工具类schedule utils&#xff1a; ScheduleUtils 是若依中用于与 Quartz 框架交互的工具类&#xff0c;封装了定时任务的 创建、更新、暂停、删除等核心逻辑。 createScheduleJob createScheduleJob 用于将任务注册到 Quartz&#xff0c;先构建任务的 JobD…...

如何在看板中有效管理突发紧急任务

在看板中有效管理突发紧急任务需要&#xff1a;设立专门的紧急任务通道、重新调整任务优先级、保持适度的WIP&#xff08;Work-in-Progress&#xff09;弹性、优化任务处理流程、提高团队应对突发情况的敏捷性。其中&#xff0c;设立专门的紧急任务通道尤为重要&#xff0c;这能…...

Frozen-Flask :将 Flask 应用“冻结”为静态文件

Frozen-Flask 是一个用于将 Flask 应用“冻结”为静态文件的 Python 扩展。它的核心用途是&#xff1a;将一个 Flask Web 应用生成成纯静态 HTML 文件&#xff0c;从而可以部署到静态网站托管服务上&#xff0c;如 GitHub Pages、Netlify 或任何支持静态文件的网站服务器。 &am…...

CMake 从 GitHub 下载第三方库并使用

有时我们希望直接使用 GitHub 上的开源库,而不想手动下载、编译和安装。 可以利用 CMake 提供的 FetchContent 模块来实现自动下载、构建和链接第三方库。 FetchContent 命令官方文档✅ 示例代码 我们将以 fmt 这个流行的格式化库为例,演示如何: 使用 FetchContent 从 GitH…...

浅谈不同二分算法的查找情况

二分算法原理比较简单&#xff0c;但是实际的算法模板却有很多&#xff0c;这一切都源于二分查找问题中的复杂情况和二分算法的边界处理&#xff0c;以下是博主对一些二分算法查找的情况分析。 需要说明的是&#xff0c;以下二分算法都是基于有序序列为升序有序的情况&#xf…...

Spring数据访问模块设计

前面我们已经完成了IoC和web模块的设计&#xff0c;聪明的码友立马就知道了&#xff0c;该到数据访问模块了&#xff0c;要不就这俩玩个6啊&#xff0c;查库势在必行&#xff0c;至此&#xff0c;它来了。 一、核心设计理念 1、痛点在哪 应用离不开数据&#xff08;数据库、No…...