ImageIt作为Grafana的社区插件,它可以将查询的数据叠加展示在图片上,我们可以利用这一点,创建一个能动态感知的网络拓扑。

具体步骤如下:

1、绘制拓扑图,如下图所示:

上传拓扑图到Grafna的web图片目录/usr/share/grafana/public/img/下。

2、安装ImageIt插件

# grafana-cli plugins install pierosavi-imageit-panel

# systemctl restart grafana-server

3、在Grafana中创建Dashboard,并选用ImageIt插件,如下图所示。

4、ImageIt插件配置示例面板介绍:

① Settings(设置),Image URL用于指定能访问拓扑图的URL地址;Size Coefficient表示图片大小,可忽略;Show Lock表示为拓扑图增加锁,图上增加的Metrics不能被移动。

② Sensors(传感器),Metrics用于选择查询metrics的名字;Link表示为该metrics增加url以及鼠标悬停显示文字;Apperance用于设置metrics值显示效果,具体可勾选各功能进行尝试。

Value Mapping作用主要是设置阈值,当超出阈值时显示不同颜色。

5、最终展示效果如下(本示例用于演示,只添加了部分metrics),即图上所添加的每个metrics都可以闪烁,并且超出阈值的还可以改变颜色。

总结:使用ImageIt插件勉强能创建动态感知的网络拓扑,但配置比较繁琐,且metrics值展示样式只有2种,期待ImageIt的作者能持续优化哈。

grafana 画拓扑图 能不能_Grafana之ImageIt实现动态可感知网络拓扑(第十七篇)相关推荐

  1. grafana 画拓扑图 能不能_干货|告诉你标准漂亮的网络拓扑图是怎么画出来的?...

    [导读]绘制网络拓扑图是网络工程中必不可少的步骤,对于网络工程师到底怎么把拓扑图画好还真的是个技术活-- 绘制网络拓扑图是网络工程中必不可少的步骤,对于网络工程师到底怎么把拓扑图画好还真的是个技术活, ...

  2. Grafana画图表教程

    Grafana画图表教程 1.添加数据 2.设置整个dashboard:调整变量/修改历史/权限控制/另存为等等 3.权限控制 可以根据角色/团队/个人的维度来指定dashboard的权限 4.编辑: ...

  3. 多页面应用画拓扑图利器-jTopo

    多页面应用画拓扑图利器-jTopo 文章目录 多页面应用画拓扑图利器-jTopo 前言 入门 api 结点 连接 其它 解决数据问题 前言 jTopo主要应用在多页面web网站上,一款完全基于HTML ...

  4. python画拓扑图子图_使用 Graphviz 画拓扑图

    使用 Graphviz 画拓扑图 0)前述 本文着重讲一下 Graphviz 的风格控制,基础一些的就不在这里讲啦. 1)从 Record 开始 下面通过一个简单示例开始吧: 在 Graphviz 的 ...

  5. vue使用svg画拓扑图(关系图) 拖拽 缩放

    概述 项目刚开始用的echarts画的拓扑图,echarts有个关系图可以直接画出来,但是上个前端在拖拽功能上留了bug,我眼睛都快看瞎了,都没找出来哪里出问题,还找了各种文章借鉴学习都没搞定 后来跑 ...

  6. HTML绘制拓扑简图,用最简单的方式画拓扑图!!!

    前言 前段时间重构了下面这样一个页面(产品页面不方便截图): 类似于拓扑图的配置,原来是使用go.js实现的,类似的库还有antv g6.重构主要是为了提高代码质量,降低维护成本,产品上需要更强的定制 ...

  7. 方便的画拓扑图的软件,大家一起分享

    来源版块: 系统集成 压缩包内文件格式: 可执行文件 附件来源: 互联网 运行平台: Windows平台 是否经本人验证: 是 附件性质: 共享 详细说明: 这个软件目前我们单位都在用,还是比较好用的 ...

  8. grafana实现java后端登录_grafana使用gitLab 的OAuth2认证服务登陆

    grafana 使用gitLab 的OAuth2认证服务登陆 grafana 配置 [auth.gitlab] enabled = true allow_sign_up = true client_i ...

  9. python画拓扑图权值是线条粗细_python—networkx:根据图的权重画图

    首先输入边和边的权重,随后画出节点位置,根据权重大小划分实边和虚边 #coding:utf-8 #!/usr/bin/env python """ An example ...

最新文章

  1. 皮一皮:一个戒指吃出了电视剧的感觉...
  2. Windows与Linux系统分隔符不一致,java轻松实现区分
  3. npm:can not find module 'xxx'
  4. HUD4035Maze
  5. log4net保存到数据库系列二:独立配置文件中配置log4net
  6. 这几个冷门却实用的 Python 库,我爱了!
  7. linux 两台linux服务器想共享一个磁盘分区
  8. MultiDock——专门为 macOS 设计的增强型 Dock
  9. 2022年中科院信工所考研杂记
  10. jQuery 实现页面关键字查询
  11. 《GPU编程与CG语言之阳春白雪下里巴人》阅读笔记 第三章+第四章
  12. Mqtt精髓系列之精简之道
  13. 打开计算机无法关闭窗口,电脑中“打开或关闭Windows功能”窗口出错无法显示怎么解决...
  14. nlp文本预处理构建词汇表
  15. java关于“随机点名器“的案例
  16. matlab不支持复数输入,高版本MATLAB中medfilt1函数不支持复数问题
  17. iphone4卡贴机(有锁版)解决通话长途助理以及号码不显示的解决办法
  18. CentOS清理tmp下临时文件
  19. 解决Maven项目创建太慢的问题
  20. 斑马智行宣布获得30亿元增资,阿里巴巴系合计持股超过50%

热门文章

  1. 2020-11-17(补码的非)
  2. 2020-11-13(混淆技术)
  3. python封装一个效率极高的 批量更新、插入合一的工具
  4. 【Prometheus】prometheus生成快照,并冷备份数据,恢复数据
  5. MySQL删除数据语句
  6. 4.1.7 文件共享
  7. 3.3.2 差错控制(检错编码)
  8. Mybatis的动态创建删除表
  9. python中str和int区别_Python中的string方法和str方法有什么区别?
  10. 撑起12306网站,全靠这个世界第一的缓存框架!