使用 Grafana 请求API接口

这篇具有很好参考价值的文章主要介绍了使用 Grafana 请求API接口。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

目的: 使用Grafana  配合JSON API 插件 请求API接口,完成可视化,实现一些简单的请求功能

 假设我们想将如下的API接口返回的json数据可视化

这里借用一下 小熊同学的 金融数据接口

用请求如下接口举例

https://api.doctorxiong.club/v1/fund/detail?code=000001&startDate=2023-01-19

返回的数据如下:

{
    "code": 200,
    "message": "操作成功",
    "data":
    {
        "code": "000001",
        "name": "华夏成长混合",
        "type": "混合型-灵活",
        "netWorth": 1.0160,
        "expectWorth": 1.0156,
        "totalWorth": 3.5790,
        "expectGrowth": "-0.03",
        "dayGrowth": "0.0",
        "lastWeekGrowth": "2.8340",
        "lastMonthGrowth": "3.97",
        "lastThreeMonthsGrowth": "-4.96",
        "lastSixMonthsGrowth": "-4.88",
        "lastYearGrowth": "-7.55",
        "buyMin": "10",
        "buySourceRate": "1.50",
        "buyRate": "0.15",
        "manager": "王泽实",
        "fundScale": "31.48亿",
        "netWorthDate": "2023-01-20",
        "expectWorthDate": "2023-01-20 15:00:00",
        "netWorthData":
        [
            [
                "2023-01-19",
                "1.016",
                "1.3",
                ""
            ],
            [
                "2023-01-20",
                "1.016",
                "0.0",
                ""
            ]
        ],
        "totalNetWorthData":
        [
            [
                "2023-01-19",
                "3.579"
            ],
            [
                "2023-01-20",
                "3.579"
            ]
        ]
    }
}

环境如下:

docker 19.03之后的版本应该都可以

docker --version
Docker version 20.10.17, build 100c701

Grafana 镜像 9.30 版本,理论上 Grafana>=7.3 就可以

docker pull grafana/grafana:9.3.0-ubuntu

1. 安装 JSON API 这个插件

grafana api,grafana,grafana,docker,json2. 配置数据源

添加一个 JSON API 数据源.

在 URL中输入:  

https://api.doctorxiong.club/v1

grafana api,grafana,grafana,docker,json

点击 Save & test,不用理会以下的内容

grafana api,grafana,grafana,docker,json 

3. 添加panel 开始可视化

可视化类型选择 Table

grafana api,grafana,grafana,docker,json

假设我们想显示其中的 data.totalWorth,且想将 data.totalWorth的值乘以10,则按照以下操作进行

Field 这里设置显示的字段

data.totalWorth*10 JSONata Auto bbb

data.totalWorth JSONata Auto

这里第一行代表使用 JSONata 类型的数据来处理.然后将 data.totalWorth的值乘以(必须为数值类型才可以做算术运算) 10,将列设置别名为 bbb

grafana api,grafana,grafana,docker,json

Path 方法选择 GET, path填写 /fund/detail

grafana api,grafana,grafana,docker,json

Parmas 填写:

code: 000001

startDate: 2023-01-19

grafana api,grafana,grafana,docker,json 然后就会有以下的可视化效果.

grafana api,grafana,grafana,docker,json

补充说明.如果要显示整个Json的data部分,即

Field 里面填写 data

grafana api,grafana,grafana,docker,json

 那么你会看到Table 里面是一个 对象

grafana api,grafana,grafana,docker,json

我们可以用 Transform 变形模块里面的 Extract fields 解压全部字段,(Grafana 高版本比如9.3 才有 Transform)

grafana api,grafana,grafana,docker,json

 这就可以看到全部字段的数据了.

grafana api,grafana,grafana,docker,json

 完结撒花文章来源地址https://www.toymoban.com/news/detail-790228.html

到了这里,关于使用 Grafana 请求API接口的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • grafana使用邮箱发告警接口脚本

    1.先在邮箱获取密码,qq或者163都可以在那个smtp那边页面获取或者设置。 2.后台运行下面脚本。 3.grafana添加告警通道,设置告警。

    2024年02月10日
    浏览(38)
  • 使用postman等API工具请求接口不会跨域

    首先,回顾一下跨域的定义。根据MDN Web Docs 里的定义,跨域是指当一个资源从与该资源本身所在的服务器不同的域或端口不同的域或不同的端口请求一个资源时,资源会发起一个跨域 HTTP 请求。 即当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨

    2024年02月16日
    浏览(53)
  • python接口自动化之request请求,如何使用 Python调用 API?

        尊重原创,转载请注明出处,谢谢!!

    2024年02月08日
    浏览(59)
  • 使用prometheus+grafana+cadvisor架构监控docker容器实战

    本次实验包括两个内容: 1.使用docker原生命令和Linux shell脚本结合的传统方式,对容器进行监控; 2.采用云原生监控利器prometheus对docker容器进行监控; 文章收录到 csdn 我是沐风晓月的博客 【prometheus监控系列】专栏 ,此专栏是 沐风晓月 对云原生prometheus的的总结,希望能够加

    2023年04月12日
    浏览(48)
  • Spring Boot框架中Controller层API接口如何支持使用多个@RequestBody注解接受请求体参数

    众所周知,在Spring Boot框架中,Controller层API接口编码获取请求体参数时,在参数上会使用@RequestBody注解;如果一次请求中,请求体参数携带的内容需要用多个参数接收时,能不能多次使用@RequestBody注解呢? 下面我们先测试一下,参考代码: PostMan进行请求: 服务端后端日志:

    2024年01月17日
    浏览(53)
  • uniapp api请求接口 封装

    2024年02月12日
    浏览(49)
  • Grafana获取URL地址中的json数据

    官方教程:https://grafana.github.io/grafana-json-datasource/query-editor 直接在界面中下载这个插件即可: 也可以使用命令安装: 这里我们使用 fastapi 发送URL,模拟路由 可以访问本地: http://127.0.0.1:15555/test_data 得到dataframe转为字典的数据 点击Grafana左下角的小齿轮,点击 Add new data sour

    2023年04月12日
    浏览(49)
  • 课程27:API接口请求日志【后端】

    本文是《.Net Core从零学习搭建权限管理系统》教程专栏的课程(点击链接,跳转到专栏主页,欢迎订阅,持续更新…) 专栏介绍 :以实战为线索,基于.Net 7 + REST + Vue、前后端分离,不依赖任何第三方框架,从零一步一步讲解权限管理系统搭建。 专栏适用于人群 :Web后端开

    2024年02月15日
    浏览(38)
  • API接口常用数据格式Json,Json的定义和XML的区别

    现在程序员还有谁不知道 JSON 吗?无论对于前端还是后端,JSON 都是一种常见的数据格式。那么 JSON 到底是什么呢? JSON (JavaScript Object Notation) ,是一种轻量级的数据交换格式。它的使用范围很广,并成为 ECMA 标准,可以被使用在多种编程语言中,用于前后端之间的数据传

    2024年02月12日
    浏览(43)
  • 前端api接口请求错误问题解决方法

    最近我在群里看到很多同学在跟着视频写项目的时候,经常遇到一些关于资源请求API接口出现错误的问题,并在群里咨询。在这里,我想给大家分享一些解决这个问题的思路。 首先,我们需要对错误进行排查。这需要大家对HTTP请求有一定的了解。我在这里简单介绍一下,如

    2024年01月22日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包